22%
68,200원
초급자를 위해 준비한
[프론트엔드, Three.js] 강의입니다.
데스크탑과 모바일에서 모두 동작하는 1인칭 3D 웹사이트를 만들어 보는 강의입니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
Three.js 핵심 개념
1인칭 3D 웹페이지 구현 원리
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
나만의 3D 공간을 만들고 싶은 분
Three.js를 공부했는데 응용이 어려운 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
자바스크립트 기초
안녕하세요
1분코딩 입니다.
1분코딩 입니다.
서울에서 웹 개발자/디자이너로 일했고 지금은 제주에서 웹사이트 만드는 일, 강의, 영상 만드는 일, 컨텐츠 만드는 일 등 해보고 싶은거 이것저것 해보며 살고 있습니다 :)
비주얼 임팩트가 있는 인터랙티브 웹 개발에 특히 관심이 많고 페이스북과 유튜브 "1분코딩"에서 관련 기술들을 공유하고 있어요.
개발자/디자이너/컨텐츠크리에이터
커리큘럼
총 43 개
˙ 3시간 48분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 학습 준비하기
3 강
∙ 13분
섹션 1. Three.js 기본 개념 익히기
6 강
∙ 36분
섹션 2. 1인칭 3D 웹사이트 만들기
25 강
∙ 2시간 22분
스테이지 만들기
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
섹션 3. 모바일 버전
9 강
∙ 36분
디바이스 감지하기
02:57
모드 세팅
02:26
모바일 컨트롤러 UI 만들기
03:34
터치 기반 컨트롤러 구현
08:28
터치 감도 조정하기
01:54
모바일 이동 구현 1
06:50
모바일 이동 구현 2
04:05
모바일 이동 구현 3
04:00
실제 스마트폰에서 테스트
01:50
강의 게시일 : 2024년 02월 07일
(마지막 업데이트일 : 2024년 02월 07일)
수강평
총 4개
수강생분들이 직접 작성하신 수강평입니다.
5
4개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
어려운 내용을 쉽게 배울 수 있었습니다.
2024-02-17
이전 강의를 듣고 새로운 THREE.JS 강의가 올라오자마자 듣게 되었는데 프로젝트에 실제 적용하기 위한 핵심 내용만 들어있어서 구현하는 방법만 알고 싶은 분들이 듣기에 좋은 것 같습니다. 반대로 상세하게 알고 싶으신 분들이나 처음이신 분들은 듣다 보면 이해하기 어렵다고 느낄 수도 있을 것 같습니다. 앞선 강의를 듣고 이 강의를 들으니 어떻게 개발하면 될지 새로 알게 돼서 더 좋은 것 같아요!
2024-02-27
멋진 수업 감사합니다.
2024-03-25
어느 정도 Three.js를 알고 있는 상태에서 학습하니 훨씬 더 좋은 거 같습니다.
기존에 알고 있는 내용에 이어서 새로운 것을 알게 되어서 만족스럽네요
설명 방식이랑 구현 원리에 대해 그림이나 시각자료로 이해하기 쉽게 돕는 부분도 너무 좋았어요!
정성스럽고 친절한 강의 잘 들었습니다! ☺
2024-03-07
