Learn fundamental JavaScript and Three.js with 5 stand-alone projects.
✏️ Course developed by @robotbobby9
0) Three.js Roadmap
A roadmap to help you get started.
Starting code:
1) Textures in Three.js
Everything you need to know about applying textures to your 3D models
Free Textures:
2) Create A 3D Globe
Create a lovely globe with country outlines floating in the stars.
3D Globe code:
3) Simple Particle Effects
Quick, easy-to-create effects like Fire, Smoke and Sparkles.
Particle Effects:
4) Scroll Animation
Smooth animation triggered by scrolling.
Scroll Animation:
5) Physics Variations
Interactive physics project with Three.js and Rapier Physics.
Physics:
Since each project is stand-alone, feel free to skip around!
🔗 Learn Three.js Basics Course:
⭐️ Contents ⭐️
Course Introduction
- 0:00 Welcome & Course Overview
- 0:20 Projects You'll Build
- 0:51 Meet Your Instructor: Bobby Row
- 1:03 The 5 Standalone Projects
- 1:34 Skipping Around the Course
Project 0: 3JS Road Map
- 1:39 Getting Started with 3JS
- 2:23 Understanding the 3JS Toolbox
- 2:54 The Core 3JS Components (Scene, Camera, Renderer)
- 3:10 Geometries, Materials & Meshes
- 4:13 The Importance of Lighting
- 4:30 Simple Animations
- 4:57 The Beginner's Road Map
- 5:12 The Intermediate Road Map
- 6:21 The Advanced Road Map
- 6:45 Where to Find Help & Inspiration
- 7:08 Learn by Experimenting
Project 1: Textures
- 7:26 An Introduction to Textures
- 7:50 Applying a Simple Texture
- 8:48 Handling Tex
|
Labcorp processes hundreds of millions o...
Tired of switching between C# for the ba...
Take your creative web development to th...
Discover how Bridgestone Americas transf...
Aeromexico, Mexico's flagship carrier, f...
Transformco uses agentic AI to handle ov...
Simplify your Kafka migration with Amazo...
Amazon Stores set out to fundamentally a...
In learning, information often isn't the...
Create a free Zapier account and follow ...
What motivates people to keep contributi...
本日は予算別 AIコーディング おすすめについてお話させて頂きました! ぜひご視...
Join us on the BAFTA Games Awards red ca...
ClaudeやClaude Codeについて「キノクエスト」でもっと学習できます...