iondrimba / buildings-wave

:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🏤 Buildings Wave Animation with Three.js

CI First Demo Second Demo

A tutorial on how to create a 3D building wave animation with three.js and TweenMax. By Ion D. Filho.

Buildings Wave

Article on Codrops

Requirements

  • nodejs 8+

Contents

with-controls/ and no-controls/
  src/
    scripts/...
    styles/...
    index.html
    index.js
    config files...
LICENSE
README.md

Installation

cd with-controls or no-controls
$ npm install
$ npm start

Build

cd with-controls or no-controls
$ npm run build

output folder

with-controls/ and no-controls/
  public/
    app.##hash##.js
    app.##hash##.css
    index.html

Credits

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Ion Drimba Filho: Twitter, Codepen, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2018

About

:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax


Languages

Language:JavaScript 97.3%Language:CSS 1.9%Language:HTML 0.8%