le2yunji1420

Cảm nhận về quá trình phát triển web 3D bằng cách tìm hiểu các khái niệm cốt lõi của three.js, một thư viện JavaScript có thể triển khai 3D trên web và tạo các ví dụ ứng dụng.

studiomeal

Web tương tác 3D bắt đầu với Three.js

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

1분코딩

입문

초급

중급이상

Interactive Web

인터랙티브 웹

블렌더

Blender

쓰리제이에스

Three.js

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

three.js 시작하기

three.js의 기본 요소 익히기

개발을 편리하게 해주는 도구들

Transform(변환)

Geometry(모양)

카메라 컨트롤

Material(재질)

Light(조명)

Raycaster(클릭 감지)

3D 캐릭터 모델을 만들고 three.js에서 활용하기

물리엔진 다루기

Particle(파티클)

예제 - 스크롤 기반의 3D 랜딩 페이지

예제 - 징검다리 게임

마치며

[추가 콘텐츠] 여러개의 Scene 동시에 사용하기

[추가 콘텐츠] 3D 공간에서 움직이는 캐릭터 ("춘식이 관찰일기" 같은 동작 구현)