๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Develop ๐Ÿ’ป5

[JavaScript] Three.js๋กœ ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” ์šฐ์ฃผ ! Intro ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ 3D๋ฅผ ์ด์šฉํ•ด ์‹œ๊ฐ์ ์œผ๋กœ ๋”์šฑ ์˜ˆ์˜๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ์–ด three.js๋ฅผ ๋ฐฐ์šฐ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ ๊นƒํ—™ ๋žœ๋”ฉ ํŽ˜์ด์ง€์—์„œ ํ•œ๊ตญ์–ด ์ง€์›์„ ์‹œ์ž‘ํ•˜์˜€๋Š”๋ฐ , ์ €๊ธฐ ๋‚˜์˜ค๋Š” 3D ์ง€๊ตฌ๋ณธ๋„ ๋ฐ”๋กœ ์ด three.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๋งŒ๋“  ๊ฒƒ์ž…๋‹ˆ๋‹ค..!! GitHub: Where the world builds software Three.js What is Three.js Three.js๋Š” WebGL์„ ์ด์šฉํ•˜์—ฌ ์›นํŽ˜์ด์ง€์— 3D ๊ฐ์ฒด๋ฅผ ์‰ฝ๊ฒŒ ๋ Œ๋”๋ง ํ•˜๋„๋ก ๋„์™€์ฃผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 3D ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ WebGL์€ html์˜ ์บ”๋ฒ„์Šค ์š”์†Œ๋ฅผ ์ด์šฉํ•˜์—ฌ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ ํ•œ 3D ๊ทธ๋ž˜ํ”ฝ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ CPU๊ฐ€ ์•„๋‹Œ GPU๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ™”๋ฉด์„ ๋ Œ๋”๋ง ํ•˜์—ฌ ๊ต‰์žฅํžˆ ๋น ๋ฆ….. 2021. 7. 25.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”