A minimal three.js ES6 starter project that uses webpack.
Branch: master
Clone or download
jackdbd Merge pull request #47 from jackdbd/renovate/node-8.x
chore(deps): update node.js to v8.15.0
Latest commit b241cca Jan 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Bump version Dec 23, 2018
__mocks__ Bump version Dec 23, 2018
__tests__ Bump version Dec 23, 2018
build Change build dir from `dist` to `build` Jan 5, 2019
src Fix URLs in deployed app Jan 5, 2019
.babelrc Bump version Dec 23, 2018
.browserslistrc Bump version Dec 23, 2018
.editorconfig Bump version Dec 23, 2018
.gitignore Change build dir from `dist` to `build` Jan 5, 2019
.nvmrc
.prettierignore Bump version Dec 23, 2018
.prettierrc.yaml Bump version Dec 23, 2018
.travis.yml Bump version Dec 23, 2018
LICENSE Initial commit Apr 30, 2017
README.md Bump version Dec 23, 2018
jest.config.js Change build dir from `dist` to `build` Jan 5, 2019
package.json Fix URLs in deployed app Jan 5, 2019
preview.gif Add image in the README Apr 30, 2017
renovate.json Update renovate config Jan 5, 2019
setupJestDomTests.js Bump version Dec 23, 2018
webpack.config.js Change build dir from `dist` to `build` Jan 5, 2019
yarn.lock Add deploy script with gh-pages Jan 5, 2019

README.md

three.js-es6-webpack-starter

Build Status Renovate enabled Code style prettier

A minimal three.js ES6 starter project that uses webpack.

A GIF file showing a preview of the starter project

⚠️ If you encounter a validateschema error when running yarn dev, try downgrading webpack-cli to 2.0.0. It seems a bug that affects only webpack-dev-server. ⚠️

Features

Installation

git clone git@github.com:jackdbd/threejs-es6-webpack-starter.git
cd threejs-es6-webpack-starter
yarn

Usage (development)

Run webpack-dev-server (all bundles will be served from memory)

yarn dev

Go to localhost:8080 to see your project live!

Go to localhost:8888 to analyze your webpack bundles with BundleAnalyzerPlugin

Usage (production)

Generate all js/css bundles

yarn build

Other

Check outdated dependencies

yarn ncu

Credits

The setup of this starter project was inspired by two snippets on Codepen: this one and this one.

I understood how to work with lights and camera helpers thanks to this snippet on JSFiddle.

The code for vertexShader.glsl and fragmentShader.glsl is taken from this blog post.

The star used in the particle system is the PNG preview of this image by Offnfopt (Public domain or CC0, via Wikimedia Commons).