Modular Three Boilerplate

ES2015 THREE.js boilerplate code designed for use with ModularTHREE (npm, github).

Includes a Gulpfile which:

• Compiles ES2015 to ES5 with Rollup and Babel.
• Compiles SCSS and applies Autoprefixer to your CSS.
• Runs Livereload.

It also comes with a simple loading overlay.

Detailed instructions on using ModularTHREE are here.

NOTE: ModularTHREE is at an early development stage. Features may change rapidly.

Requirements

Node.js

Optional:

• Eslint, or an editor using Eslint. The .eslintrc file provided is setup to use the the Airbnb style guide.
• Livereload extension for Chrome or Firefox.

Usage

Clone this repository into an empty folder

git clone https://github.com/looeee/modular-three-boilerplate

Then install the required NPM modules

npm install

View index.html in your browser - it should show an empty light purple screen if everything is working.

Run the default Gulp task to watch for changes to code in the src and scss folders and start the Livereload server:

gulp default

This boilerplate includes a simple Drawing setup to use GSAP for animation and show stats using stats.js.

For more detailed instructions on how to create and use Drawings, see the ModularTHREE readme.

License MIT © Lewy Blue 2016