blueberryu

웹에서 3D를 구현할 수 있는 자바스크립트 라이브러리, three.js의 핵심 개념들을 익히고 응용 예제까지 만들어 보면서 3D 웹 개발에 대한 감을 익혀봅니다.

1분코딩

Three.js로 시작하는 3D 인터랙티브 웹

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

입문

초급

중급이상

Interactive Web

블렌더

Blender

쓰리제이에스

Three.js

3D interactive web starting with 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")