Three.js 101 Crash Course: Beginner’s Guide to 3D Web Design (7 HOURS!)

Показать описание

Taught by industry expert Jesse Zhou, this course will guide you from the basics to advanced techniques, empowering you to create breathtaking 3D experiences on the web.

🤑 Use code: YTTHREE10 to get 10% OFF (for life!)

=========

=========

=========

⏰ Timestamps:

00:00 Introduction
16:25 Prerequisite Knowledge
22:58 Hacking the Example
36:57 Installing Vite
48:46 Scene
54:30 Camera
59:49 Renderer
1:04:47 Starter Pack
1:09:56 FOV
1:14:01 Near and Far
1:20:03 Orbit Controls
1:25:02 Renderloop
1:32:53 Orthographic Camera
1:39:05 Other Controls
1:42:07 Resizing
1:53:36 Antialiasing - The Problem
1:56:00 Antialiasing - The Solution
1:59:37 Antialiasing - The Solution Implementation
2:03:37 Starter Pack
2:04:42 Transforming Position
2:12:03 Vector 3
2:19:56 Transforming Scale
2:22:35 Scene Hierarchy
2:29:08 Rotation - Part 1
2:31:10 Rotation - Part 2
2:45:53 Animating Meshes - Part 1
2:48:04 Animating Meshes - Part 2
2:52:35 Other Animations
2:58:12 Introduction
3:02:55 Buffer Geometry
3:15:43 Primitives
3:22:57 Materials vs. Textures
3:26:57 Material Types
3:31:29 Mesh Basic Material
3:47:05 Mesh Lambert and Mesh Phong Materials
3:57:25 Mesh Standard and Mesh Physical Materials
4:07:16 Setup
4:18:25 Loading a Texture
4:25:32 Repeating Texture
4:36:06 Texture Offset
4:40:03 UV Maps - Part 1
4:45:13 UV Mapping - Part 2
4:50:31 PBR Maps
5:00:03 Normal Map
5:04:36 Height Map
5:07:36 AO Map
5:15:21 Putting it All Together!
5:19:34 Introduction
5:20:42 Planning Our Project
5:23:45 Adding Meshes
5:31:55 Planetary Orbit
5:44:42 Planet Array
5:49:48 Adding Materials
5:53:51 Automating Mesh Generation
6:07:21 Animating the Planet Array
6:20:01 Final Touches!
6:30:34 Final Words

=========

◾ JavaScript Developers who want to take their skills to the next level by building immersive, interactive 3D browser experiences
◾ Developers that want to dive into the world of 3D design

=========

Graduates of Zero To Mastery are now working at Google, Tesla, NVIDIA, Amazon, Apple, IBM, JP Morgan, Meta, NASA, Shopify + other top companies.

Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world.

This can be you.

=========

#zerotomastery #threejs

Рекомендации по теме

Комментарии

Folks.🤓🤓🤓...this is all that you need for three.js

nviiriyusuf

first ever detailed video on threejs, there is so much clutered video but this is proper, thank you for that

irfansaeedkhan

We want blender zero to mastery video by jessi please. ❤❤❤❤

ffgameing

Thanks a lot for the video, I didn't know how to start at Three.js now it's clear and I really like it!

YoSoyIo

Fantastic course. I love Three JS and your teaching style has massively helped my understanding of behind the scenes of Three JS. I have checked ZTM's website long before this crash course appeared here on YT. Unfortunately there is no option just to buy 1 course only. If there was and the full course was available for a one off payment I would gladly pay for it. I bought Bruno Simon's Three JS Journey course and simply love it. I'm getting the same buzz with your Three JS course. Any chance to purchase this course at ZTM as an individual course?

nimira

didn't you talk about raycasting?

hamidzare

getting issue with addInput
Uncaught TypeError: pane.addInput is not a function
i clone ur repo did npm i

mmoazzam

Hello, I like the way you are explaining stuff, excellent tutorial. I am interested if you are addressing, in your full course, how to implement the Three.js elements and animations with the other elements on the page? Thx

MarkoKozlica