๐ก 3D ์น ์ ํ๋ฆฌ์ผ์ด์
- ๋ฌผ๋ฆฌ์์ง์ผ๋ก ์ฌ์ค์ ์ธ ์์ง์ ๋ง๋ค๊ธฐ
- ์ (point)์ ์ขํ๋ฅผ ํ์ฉํด ํํฐํด ํจ๊ณผ ๋ง๋ค๊ธฐ
- ์คํฌ๋กค์ ๋ฐ๋ผ ๋ฐ์ํ๋ 3D ๋น์ฃผ์ผ์ด ์ ์ฉ๋ ํ์ด์ง ๋ง๋ค๊ธฐ
ThreeJS
๊ณต์ ์ฌ์ดํธ, 1๋ถ ์ฝ๋ฉ ์ฌ์ดํธ
- ์น์์ 3D๋ฅผ ๊ตฌํํ ์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์น ๋ธ๋ผ์ฐ์ ์์ 3์ฐจ์ ์ปดํจํฐ ๊ทธ๋ํฝ์ค ์ ๋๋ฉ์ด์ ์์ฉ์ ๋ง๋ค๊ณ ํํํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ JS ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- WebGL์ ์ฝ๊ณ ๊ฐํธํ๊ฒ ์ฌ์ฉํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ๋ชจ๋ ๋ฐฉ์์ผ๋ก ๊ฐ๋ฐํ๋ ๊ฒ์ ๊ถ์ฅ.
WebGL
- ์น ๊ธฐ๋ฐ์ ๊ทธ๋ํฝ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ํตํด ์ฌ์ฉ ๊ฐ๋ฅ
- ํธํ์ฑ์ด ์๋ ์น ๋ธ๋ผ์ฐ์ ์์ ์ธํฐ๋ํฐ๋ธ ํ 3D ๊ทธ๋ํฝ์ ์ฌ์ฉํ ์ ์๋๋ก ์ ๊ณต
- 2D, 3D ๊ทธ๋ํฝ์ ๊ตฌํํ ์ ์์. (ํนํ 3D ๊ทธ๋ํฝ์ ๋ง์ด ์ด์ฉ)
- GPU๋ฅผ ํตํด ๊ทธ๋ฆผ์ ๊ทธ๋ฆฌ๊ธฐ ๋๋ฌธ์ ์ฑ๋ฅ์ด ์ข์.
'Frontend > Three.js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ง๊ต ์นด๋ฉ๋ผ(Orthographic Camera) (0) | 2024.04.20 |
---|---|
๊ธฐ๋ณธ์ฅ๋ฉด ๋ง๋ค๊ธฐ - Mesh (0) | 2024.04.20 |
๊ธฐ๋ณธ์ฅ๋ฉด ๋ง๋ค๊ธฐ - Camera (0) | 2024.04.20 |
๊ธฐ๋ณธ ์ฅ๋ฉด ๋ง๋ค๊ธฐ - Renderer (0) | 2024.04.20 |
three.js ๊ธฐ๋ณธ ์ฅ๋ฉด ๊ตฌ์ฑ์์ (0) | 2024.04.20 |