Three.js ES6 starter template

About

This is an example for quick starting your three.js animation project using ES6 with webpack and babel. Here I have implemented the box example to an Object Oriented Approach.

Usage

Install

## clone the repo
git clone https://github.com/kiranlm/three-es6-template.git

## go to the directory
cd three-es6-template

## install
npm install

Start/build

• npm start - Start the dev server, it will render the three.js example in body
• npm run build - Build the production bundle by webpack using HtmlWebpackPlugin

Directory structure

📦three-es6-template
 ┣ 📂build
 ┣ 📂node_modules
 ┣ 📂src
 ┃  ┗ 📜index.js
 ┃  ┗ 📜Home.js
 ┃  ┗ 📜Box.js
 ┣ 📜.gitignore
 ┣ 📃Readme.md
 ┣ 📜.prettierrc
 ┣ 📜.babelrc
 ┣ 📜webpack.config.js
 ┣ 📜package-lock.json
 ┗ 📜package.json

Made with ❤️ by kiranlm