The ultimate Three.js course

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Three.js Journey is the most complete, yet accessible course you can find.

You will start by discovering what WebGL is and why using the Three.js library is a must. You will then discover the various components of Three.js and once the basics are acquired, you will move on to more advanced techniques and build up experience through tons of exercises.

At the end of the course, you will have enough experience and skills to create your own projects.

Course Content

ThreeJS Journey – The ultimate Three.js course

  • A Message from the Professor
  • — Introduction
    35:23
  • — What is WebGL and why use Three.js
    23:55
  • — First Three.js Project
    79:27
  • — Transform objects
    46:11
  • — Animations
    30:26
  • — Cameras
    57:54
  • — Fullscreen and resizing
    30:40
  • — Geometries
    35:00
  • — Debug UI
    48:16
  • — Textures
    74:57
  • — Materials
    81:19
  • — 3D Text
    44:29
  • — Go live
    24:29
  • — Lights
    42:02
  • — Shadows
    60:44
  • — Haunted House
    75:48
  • — Particles
    49:51
  • — Galaxy Generator
    68:46
  • — Scroll based animation
    83:01
  • — Physics
    117:22
  • — Imported models
    67:37
  • — Raycaster and Mouse Events
    67:31
  • — Custom models with Blender
    119:45
  • — Environment map
    109:33
  • — Realistic render
    72:21
  • — Code structuring for bigger projects
    199:40
  • — Shaders
    137:57
  • — Shader patterns
    109:25
  • — Raging sea
    75:32
  • — Animated galaxy
    74:11
  • — Modified materials
    51:54
  • — Coffee Smoke Shader
    85:07
  • — Hologram Shader
    81:18
  • — Fireworks Shaders
    107:27
  • — Lights Shading Shaders
    77:08
  • — Raging Sea Shading Shaders
    57:02
  • — Halftone Shading Shaders
    56:04
  • — Earth shaders
    100:42
  • — Particles Cursor Animation Shader
    108:07
  • — Particles Morphing Shader
    95:11
  • — GPGPU Flow Field Particles Shaders
    142:59
  • — Wobbly Sphere Shader
    76:26
  • — Sliced Model Shader
    63:59
  • — Procedural Terrain Shader
    84:18
  • — Post-processing
    96:39
  • — Performance tips
    72:24
  • — Intro and loading progress
    49:53
  • — Mixing HTML and WebGL
    58:07
  • — Creating a scene in Blender
    124:51
  • — Baking and exporting the scene
    131:57
  • — Importing and optimizing the scene
    46:55
  • — Adding details to the scene
    94:51
  • — What are React and React Three Fiber
    25:49
  • — First React Application
    263:01
  • — First React Three Fiber Application
    125:23
  • — R3F and Drei
    74:14
  • — Debug a R3F application
    51:43
  • — Environment and Staging with R3F
    122:06
  • — Load models with R3F
    89:57
  • — 3D Text with R3F
    59:13
  • — Portal Scene with R3F
    41:54
  • — Mouse Events with R3F
    47:14
  • — Post-processing with R3F
    113:20
  • — Fun and Simple Portfolio with R3F
    51:20
  • — Physics with R3F
    131:33
  • — Create a game with R3F
    241:50
  • — The end
    03:49

Earn a certificate

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

selected template

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

×