In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.
Three.js core concepts
Mechanisms for implementing first-person 3D web pages
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
Who wants to create their own 3D space
Those who have studied Three.js but have difficulty applying it
์ ์ ์ง์,
ํ์ํ ๊น์?
JavaScript basics
19,088
๋ช
์๊ฐ์
1,182
๊ฐ
์๊ฐํ
1,173
๊ฐ
๋ต๋ณ
5.0
์
๊ฐ์ ํ์
11
๊ฐ
๊ฐ์
์์ธ์์ ์น ๊ฐ๋ฐ์/๋์์ด๋๋ก ์ผํ๊ณ , ์ ์ฃผ๋ฅผ ๊ฑฐ์ณ.. ํ์ฌ๋ ๋ง๋ ์ด์์ ํ๋ญ์์ ์ด์ฌํ ๊ฐ๋ฐ๋ ํ๊ณ , ๊ต์ก ์ฝํ
์ธ ๋ ๋ง๋ค๊ณ , 1์ธ ๊ธฐ์
์ผ๋ก์ ํด๋ณผ ์ ์๋ ์ฌ๋ฌ๊ฐ์ง ์๋์ ์คํ๋ค์ ํด๋ณด๊ณ ์์ต๋๋ค.
์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ง๋ค ๋๋ ์ธ์ ๋ "์ง๋ฃจํ์ง ์๊ณ ์ฌ๋ฐ์ผ๋ฉด์๋ ์ ์ตํ ๊ฐ์"๋ฅผ ๋ง๋๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค.
๋น์ฃผ์ผ ์ํฉํธ๊ฐ ์๋ ์ธํฐ๋ํฐ๋ธ ์น์ ๊ด์ฌ์ด ๋ง๊ณ , ์ ํ๋ธ์ ํ์ด์ค๋ถ "1๋ถ์ฝ๋ฉ"์์ ์น ๊ฐ๋ฐ ๊ด๋ จ ๊ธฐ์ ๋ค์ ๊ณต์ ํ๊ณ ์์ด์.
๊ฐ๋ฐ์/๋์์ด๋/์ฝํ ์ธ ํฌ๋ฆฌ์์ดํฐ
์น์ฌ์ดํธ https://studiomeal.com
์ ํ๋ธ https://youtube.com/c/1๋ถ์ฝ๋ฉ
ํ์ด์ค๋ถ https://www.facebook.com/1mincoding
์ธ์คํ๊ทธ๋จ @studiomeal
์ ์ฒด
43๊ฐ โ (3์๊ฐ 48๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
About Source Code
00:57
Creating a Stage
08:11
Mesh Object Module
11:33
Settings Shadows
02:41
Loading a 3D Model 1
04:43
Loading a 3D Model 2
07:04
Loading a 3D Model 3
02:05
Adjusting Shadows
01:47
Image Texture
07:20
How Raycaster Works
00:58