
Set up a local server for three.js by installing VS Code, Node.js, initializing npm, and installing three.js dependencies. Follow along as you run three.js pages on the local server.
Learn to add and tune ambient, directional, hemisphere, and point lights in a three.js scene, control intensity with a debug UI, apply flat shading, and balance performance.
Learn how to add shadows in Three.js by using ambient and directional lights, enabling shadow maps, and configuring objects to cast and receive shadows for a realistic scene.
Add textures to a three.js box via a texture loader and map textures, using sRGB color space to keep color accuracy, and apply the magnification filter nearest for tiny textures.
Explore applying multiple three.js materials including mesh basic, mesh normal, matcap, and mesh standard using textures, lighting, and a debug UI to adjust metalness and roughness.
import custom 3d models into a three.js scene, including static and animated gltf models, and animate them with a gltf loader and animation mixer.
Understand tokens as the basic building blocks of language, converting prompts to numbers, and how token limits drive cost and speed in AI tools.
Create a simple three.js scene with a rotating cube and orbit controls using bolt, download the generated project to your local machine, and run it locally in VS Code.
Open and run a three.js scene in VSCode, then enhance it with GitHub Copilot by adding a sphere and interactive hotspots for the cube.
Add a dropdown to switch idle, attack, jump, run, walk, and crawl animations on an imported dock 3d model in a three.js scene using GitHub Copilot.
Ready to build stunning, interactive 3D websites? This course shows you how to master Three.js, the top JavaScript library for 3D graphics, with the help of powerful AI coding assistants.
You'll learn core 3D concepts and leverage tools like GitHub Copilot and Bolt to write code faster, generate complex interactions, and troubleshoot efficiently. By the end, you'll be able to create captivating 3D portfolios and dynamic product showcases, all while becoming a more productive developer.
Our curriculum is built around hands-on, project-based learning. You'll go from a blank canvas to a fully-functional, interactive 3D scene. We'll start with the fundamentals: understanding the scene, the camera, and the renderer. From there, you'll learn to add light, create materials, and bring objects to life with geometry.
The real power of this course comes from the integrated use of two phenomenal tools:
GitHub Copilot: Your ultimate AI pair programmer. Copilot will be with you every step of the way, providing intelligent code suggestions as you type. It can auto-complete complex Three.js functions, help you define geometries, and even suggest animations. You'll spend less time searching for syntax and more time building.
Bolt: This incredible AI-powered development platform will be your launchpad. It allows you to scaffold entire projects from a simple text prompt. Need a basic Three.js setup with a rotating cube? Just ask Bolt, and it will generate the foundational code instantly. This gets you to the fun part of building interactive experiences faster than ever before.