Three.js 핵심 개념
1인칭 3D 웹페이지 구현 원리
학습 대상은
누구일까요?
나만의 3D 공간을 만들고 싶은 분
Three.js를 공부했는데 응용이 어려운 분
선수 지식,
필요할까요?
자바스크립트 기초
18,846
명
수강생
1,159
개
수강평
1,173
개
답변
5.0
점
강의 평점
11
개
강의
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
인프런 강의를 만들 때는 언제나 "지루하지 않고 재밌으면서도 유익한 강의"를 만드는 것을 목표로 합니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
인스타그램 @studiomeal
전체
43개 ∙ (3시간 48분)
해당 강의에서 제공:
Three.js 시작하기
02:03
CDN에서 가져오기
04:36
NPM과 빌드 툴 사용하기
06:24
소스코드 안내
00:57
기본 장면 만들기
17:27
애니메이션 기본과 카메라 컨트롤
06:58
애니메이션 보정
04:33
브라우저 창 사이즈 변경에 대응하기
02:16
스테이지 만들기
08:11
메쉬 객체 모듈
11:33
그림자 처리
02:41
3D 모델 로드 1
04:43
3D 모델 로드 2
07:04
3D 모델 로드 3
02:05
그림자 조정
01:47
이미지 텍스쳐
07:20
PointerLock 모드 설정
07:50
카메라 움직임 구현
10:31
물리엔진의 동작 원리
01:21
물리 공간 기본 설정
03:12
메쉬에 물리엔진 적용하기
06:59
물리 객체의 움직임 구현
07:42
물리 객체에 회전 적용하기
04:55
이동 구현 1
02:00
이동 구현 2
10:03
이동 구현 3
06:26
이동 구현 4
04:36
이동 구현 5
02:51
Raycaster의 동작 원리
00:58
클릭한 아이템 체크하기
10:51
마커 구현
05:40
램프 끄고 켜기
06:33
로봇청소기 움직임 구현
05:05