๋ ๋จน๋ Three.js
Three.js์ ๊ธฐ์ด์ ์ธ ๊ฐ๋ ์ ํ์ตํ๊ณ , ์ด๋ฅผ ์์ฉํ์ฌ '๋๋ง์ ์ฌ ๋ง๋ค๊ธฐ' ๋ฏธ๋ ํ๋ก์ ํธ๋ฅผ ์งํํฉ๋๋ค. ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์ฝ๊ณ ๊ฐ๋ณ๊ฒ Three.js๋ฅผ ์ตํ ์ ์์ต๋๋ค.
์๊ฐ์ 443๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
๋งฅ๋ถ ๋์ผ๋ชจ๋ํฐ ์ฌ์ฉ displaylink manager ์ฌ์ฉ์ ํ๋ฉด์ด ์๋ณด์ ๋๋ค.
๋งฅ๋ถ ์ฌ์ฉ์ค์ด๊ณ displaylink manager๋ฅผ ์ฌ์ฉํด์ ๋์ผ๋ชจ๋ํฐ์ ์ฐ๊ฒฐํด์ ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ต๋๋ค.๊ทธ๋ฐ๋ฐ ๊ฐ์ ๋ณด๊ธฐ ๋๋ฌด๋ถํธํฉ๋๋ค.<p style="
HTML/CSSjavascriptthree.js์ง์
ใป
2๋ฌ ์
0
49
1
- ํด๊ฒฐ
์์ ์ ๋ค์ผ๋ฉด์...
์์ง ์ด๋ฐ๋ถ์ง๋ง ์ด์ฌํ ๋ฃ๊ณ ์๋๋ฐ์,์น์ 3์์ ๊ฐ๊ฐ์ ๋ช ๋ น์ด๋ฅผ ์ค๋ช ํ์๋ฉด์ ์ง์ ๋ง์ฐ์ค๋ก ์์ง์ด๋ฉด์ ํ์๋๋ผ๊ตฌ์<p style="text-align: l
HTML/CSSjavascriptthree.jsgangsugi
ใป
6๋ฌ ์
0
37
1
- ๋ฏธํด๊ฒฐ
roughness์ด ์ ๋จนํ์ ใ
Material ์์ ๊ฐ์ ์ค2:44์ด์ roughness์ด ์๋จนํ๋๋ค..๋น๋ฐ์ฌ๊ฐ ์๋๋๋ฐ ํ์ธ ๋ถํ๋๋ ค์ ใ <script async src="https://ga.js
HTML/CSSjavascriptthree.js์์ฑ์ ์์
ใป
์ผ ๋ ์
0
118
1
- ๋ฏธํด๊ฒฐ
camera.lookAt์ด ์๋ ์ด๋ฐ๊ฑด๊ฐ์?
camera.lookAt๋ถ๋ถ์์ 0, 0, 0์ผ๋ก ์ค์ ๋์ด ์์ด์ ์ด์ง ์๋ฐฉํฅ์ ๋ณผ์ ์๋ ์ถ์ด์ ์ง๋ฌธ๋๋ ค์0, 0, 0๋ง๊ณ ๋ค๋ฅธ๊ฐ์ ๋ฃ์ด๋ ๊ณ์ 0, 0, 0๋ง ๋ณด๋๋ผ๊ณ ์<img src="https://cdn.inflearn.com/public/file
HTML/CSSjavascriptthree.jsanyas1398
ใป
0
240
1
- ๋ฏธํด๊ฒฐ
ํ๋ฉด ์ถ๋ ฅ์์ ์ด์ํด์
ํ๋ฉด ์ถ๋ ฅ ๋ถ๋ถ ๊ฐ์์์window.addEventListener('resize', () => { // ์นด๋ฉ๋ผ์ ์ข ํก๋น camera.aspect = window.inn
HTML/CSSjavascriptthree.jsanyas1398
ใป
1
298
2
- ๋ฏธํด๊ฒฐ
Github์์ deploy ํ๋ ค๋ฉด ๋ฐ๋ก ๋ฐฉ๋ฒ์ด ์๋์?
์๋ ํ์ธ์. ์์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ ์์ ์ค์ต๋๋ ๋ด๋ถ์ node_modules์ ํ์ผ์ด ์์ผ๋๊น ์ ์๋ ๋๋๋ฐGithub gh-pages์ด๋ url๋ก deploy ํ๋ค๊ณ ํ๋ฉด node_modules/three ํด๋๊ฐ ์์ผ
HTML/CSSjavascriptthree.jsGraham
ใป
0
302
2
- ํด๊ฒฐ
WebGL 1 ์ง์ ์ค๋จ์ ๋ํด
์์ : [์์ฌ์ด
HTML/CSSjavascriptthree.jsSouth
ใป
0
555
2
- ํด๊ฒฐ
index.html ์คํ ์ CORS ๋ฌธ์
HTML/CSSjavascriptthree.js์ค๊ณ ์ค์ด
ใป
0
498
1
- ํด๊ฒฐ
์์ค์ฝ๋ ๊ณต์ ๋ ์์๊น์?
๊ฐ์ ๋๋ถ๋ถ์ด ๋ด์ฉ skip์ด ๋๋ฉฐ, ์ด๋ฒ ๊ฐ์์์๋ cssํ์ผ ๋ฑ์ด ๊ณต๊ฐ๊ฐ ๋์ด ์์ง ์์๋๊ฐ์ด ๋ฐ๋ผํ๊ธฐ๊ฐ ๋๋ฌด๋ ํ๋ญ๋๋ค. ใ ใ ๊ธฐ์ ์ ๋ฐฐ์ ์์ํ๋ ๊ฒ๋ ์ข์ง๋ง, ์ฒ์ ํ์ต์์๋ ์์ฒญํ ๊ฐ์์ ๋๊ฐ์ ๋ด์ฉ์ผ๋ก ๋ง๋ค์ด๋ณด
HTML/CSSjavascriptthree.js์์ฑ์ ์์
ใป
1
466
1
- ํด๊ฒฐ
๊ฐ์ ์์์์ ๋ณด์ด๋ ์๊ณผ ๋ค๋ฅธ ์์์ด ๋์ต๋๋ค.
๊ณผ์ผ๊ณผ ๋๋ฌด ๋ง๋ค๊ธฐ ์ค์ต ์ค์ ์์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ๊ฐ์์์ ๋ณด์ด๋ bodyMaterial๊ณผ THREE.DirectionalLight์ ๋ค์ด๊ฐ๋ ์์ ์ฝ๋๋ฅผ ๊ทธ๋๋ก ์ฌ์ฉํ๋๋ฐ ์์ด ๋ค๋ฅด๊ฒ ๋์ค๋ ๊ฑด ์ ๊ทธ๋ฐ ๊ฑด๊ฐ์..?<img src="https://cdn.infle
HTML/CSSjavascriptthree.js๊นํ์ง
ใป
1
558
2
- ํด๊ฒฐ
์น์ 2 Material ํ์ต ์ค์ ๋ง์ฐ์ค ๋๋๊ทธ๋ก ๋๋ ค๋ณด๋ ๊ธฐ๋ฅ?
์น์ 2 Material ํ์ต ์ค์ ์๋๋ฐ์, ๊ฐ์ฌ๋ ์์์์๋ ๋ง์ฐ์ค ๋๋๊ทธ๋ฅผ ํตํด ์ค๋ธ์ ํธ๊ฐ ํ์ ํ๋๋ฐ, ์ ๋ ์๋ฉ๋๋ค.^^; ๋ญ๊ฐ ์ธํ ์ ํ๋ ๊ฒ ์์ ๊ฒ ๊ฐ์๋ฐ, ์๋ง ๋ค ๊ณต๋ถํ๊ณ ๋๋ฉด ์ ์ ์๋๊ฑฐ๊ฒ ์ฃ ?
HTML/CSSjavascriptthree.jsrookiepepe
ใป
2
481
2






