Code for Examples Used in the Book Discover three.js
Checkout the Live Versions: Discoverthreejs.com/examples
All code is MIT licensed and free to use, modify, or distribute in any way that you wish. Have fun!
SECTION 1 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/1-getting-started https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/2-lights-color-action https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/2a-code-organisation https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/3-resize https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/4-textures-intro https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/5-camera-controls https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/5a-split-init https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/6-shapes-transformations https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/1-first-steps/7-load-models
SECTION 2 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/1-create-class https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/2-bulletproof-app https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/3-linear-workflow https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/4-async-loader https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/5-final-setup https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/6-draco-compression https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/7a-es6-modules-parcel https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/7b-es6-modules-rollup https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/7c-es6-modules-webpack https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/8-threejs-and-react https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/9-three-and-vue https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/2-build-tools-frameworks/10-threejs-and-angular
SECTION 3 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/3-helpers-inheritance/2-scene-graph/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/3-helpers-inheritance/3-helpers/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/3-helpers-inheritance/4a-interactivity-simple/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/3-helpers-inheritance/4b-interactivity-horse/
SECTION 4 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/1a-perspective-camera-frustum-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/1b-perspective-camera-overview/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/2a-orthographic-camera-frustum-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/2b-orthographic-camera-overview/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/2c-orthographic-camera-2d-gui/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3a-orbit-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3b-orbit-controls-change-event/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3c-map-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3d-fly-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3e-first-person-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3f-device-orientation-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3g-pointer-lock-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3h-trackball-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3i-orthographic-trackball-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3j-drag-controls/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/4-cameras/3k-transform-controls/
SECTION 5 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1a-hemispherelight/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1b-directionallight/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1c-spotlight/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1d-pointlight/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1e-light-target-set/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/1f-light-target-object/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/3a-directionallight-shadow/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/3b-spotlight-shadow/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/3c-pointlight-shadow/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/3d-shadow-material/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/5-lights-shadows/4a-trumpet-revisited/
SECTION 6 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/6-materials/1x-renderorder-occlusion/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/6-materials/4a-shader-material/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/6-materials/4b-shader-material-texture/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/6-materials/4c-fullscreen-shader/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/6-materials/4d-raw-shader-material/
SECTION 8 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/1a-geometry-concepts/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/1b-buffergeometry-concepts/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/2a-custom-geometry/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/2b-custom-geometry-uv/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/2c-custom-buffergeometry/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/8-geometry/2d-custom-buffergeometry-uv/
SECTION 9 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/9-shapes-text/1a-line-linesegments-lineloop/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/9-shapes-text/1b-dashed-lines/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/9-shapes-text/2a-text-geometry/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/9-shapes-text/2b-shapes-from-text/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/9-shapes-text/3-text-from-canvas/
SECTION 11 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/1a-animation-system/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/1b-rotation-by-numbers/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/2a-morphtargets-loaded-model/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/2b-custom-buffergeometry-morph/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/2c-morphtargets-animation-clip/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/11-animation/3a-skinning-loaded-model
SECTION 12 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/12-post-processing/1a-basic-do-nothing-post/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/12-post-processing/1b-post-effect-examples/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/12-post-processing/2a-antialias-perf-test/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/12-post-processing/2b-post-with-fxaa/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/12-post-processing/2c-post-with-smaa/
Section 14
Coming Soon!
SECTION 15 https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/15-points-sprites/1-sprites/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/15-points-sprites/2a-particle-system-basic/
MISC https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/bare-template/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/misc/spiral/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/misc/spiral-instanced/ https://codesandbox.io/s/github/looeee/discoverthree.com-examples/tree/master/misc/superformula/