<div align="center">

Three.js Journey

<kbd> <br> Click to view all Live Demos <br> </kbd>

</div> <!-----------------------------------{ Links }----------------------------------> </div>

• 01 - Basics

  • 03 - Basic Scene   <kbd>Live Demo</kbd>
  • 05 - Transform Objects   <kbd>Live Demo</kbd>
  • 06 - Animations   <kbd>Live Demo</kbd>
  • 07 - Camera   <kbd>Live Demo</kbd>
  • 08 - Fullscreen and Resizing   <kbd>Live Demo</kbd>
  • 09 - Geometries   <kbd>Live Demo</kbd>
  • 10 - Debug UI   <kbd>Live Demo</kbd>
  • 11 - Textures   <kbd>Live Demo</kbd>
  • 12 - Materials   <kbd>Live Demo</kbd>
  • 13 - 3D Text   <kbd>Live Demo</kbd>

• 02 - Classic Techniques

  • 15 - Lights   <kbd>Live Demo</kbd>
  • 16 - Shadows   <kbd>Live Demo</kbd>
  • 17 - Haunted House   <kbd>Live Demo</kbd>
  • 18 - Particles   <kbd>Live Demo</kbd>
  • 19 - Galaxy Generator   <kbd>Live Demo</kbd>
  • 20 - Raycaster   <kbd>Live Demo</kbd>
  • 21 - Scroll Based Animations   <kbd>Live Demo</kbd>

• 03 - Advanced Techniques

  • 22 - Physics   <kbd>Live Demo</kbd>
  • 23 - Imported Modules   <kbd>Live Demo</kbd>
  • 24 - Custom model w/ Blender   <kbd>Live Demo</kbd>
  • 25 - Realistic Render   <kbd>Live Demo</kbd>
  • 26 - Code Structuring for Bigger Projects   <kbd>Live Demo</kbd>

• 04 - Shaders

  • 27 - Shaders   <kbd>Live Demo</kbd>
  • 28 - Shader Patterns   <kbd>Live Demo</kbd>
  • 29 - Raging Sea   <kbd>Live Demo</kbd>
  • 30 - Animated Galaxy   <kbd>Live Demo</kbd>
  • 31 - Modified Materials   <kbd>Live Demo</kbd>

• 05 - Extra

  • 32 - Post Processing   <kbd>Live Demo</kbd>
  • 33 - Performance Tips   <kbd>Live Demo</kbd>
  • 34 - Intro & Loading Progress   <kbd>Live Demo</kbd>
  • 35 - Mixing HTML & WebGL   <kbd>Live Demo</kbd>

• 07 - React Three Fiber

  • 42 - First R3F Application   <kbd>Live Demo</kbd>
  • 43 - Drei   <kbd>Live Demo</kbd>
  • 44 - Debug   <kbd>Live Demo</kbd>
  • 45 - Environment & Staging   <kbd>Live Demo</kbd>
  • 46 - Load Models   <kbd>Live Demo</kbd>
  • 47 - 3D Text   <kbd>Live Demo</kbd>
  • 49 - Mouse Events   <kbd>Live Demo</kbd>
  • 50 - Post Processing   <kbd>Live Demo</kbd>
  • 52 - Physics   <kbd>Live Demo</kbd>

<div align="center">

Building from Source

</div>

• Fetch latest source code from master branch.

consoleCopy
rajput-hemant@arch:~$ git clone https://github.com/rajput-hemant/threejs-journey

• Move to desired module directory.

consoleCopy
rajput-hemant@arch:~$ cd threejs-journey/
rajput-hemant@arch:~/threejs-journey$ cd 03-basic-scene/

• Install dependencies and run dev server.

consoleCopy
rajput-hemant@arch:~/threejs-journey/03-basic-scene$ npm install
rajput-hemant@arch:~/threejs-journey/03-basic-scene$ npm run dev

<div align = center>

Course: Three.js Journey By Bruno Simon

<!----------------------------------{ Labels }---------------------------------> <!------------------------------------{ src }-----------------------------------> <!-----------------------------------{ demos }----------------------------------> <!-----------------------------------{ Links }---------------------------------->