This is a great lecture that teaches you everything about 3js from A to Z in detail. You can think of it as learning all the basics with this one lecture.

iamkimseunghyun

Learn the core concepts of three.js, a JavaScript library that can implement 3D on the web, and get a feel for 3D web development by creating application examples.

studiomeal

인프런 10주년! 사랑주간 전체 할인

3D interactive web starting with Three.js

입문

초급

중급이상

Interactive Web

블렌더

Blender

쓰리제이에스

Three.js

Starting three.js

three.js: Basic Elements

Tools for convenient development

Transform

Geometry (Shape)

Camera Control

Material

lighting

Raycaster(click detection)

Creating 3D Character Models and Utilizing Them in three.js

Handling Physics Engines

Particle

Example - Scroll-based 3D Landing Page

Example - Stepping Stone Game

Conclusion

[Additional Content] Using Multiple Scenes Simultaneously

[Additional Content] Moving characters in 3D space (Implementing movements like "Chunsik's Observation Log")