Three.js: ํ๋ธŒ ๋ฉ”์‰ฌ์˜ ๋†’์ด๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค

์— ๋งŒ๋“  2012๋…„ 05์›” 17์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mrdoob/three.js

mesh.scale.y๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ๋ธŒ ์ง€์˜ค๋ฉ”ํŠธ๋ฆฌ ๋ฉ”์‰ฌ์˜ ๋†’์ด๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์—ˆ์ง€๋งŒ ์œ„์•„๋ž˜๋กœ๋งŒ ๋Š˜๋ฆฌ๊ณ  ์‹ถ๊ธฐ ๋•Œ๋ฌธ์— ๋ถˆ๋งŒ์กฑ ์Šค๋Ÿฝ์ง€๋งŒ ๋ฐฐ์œจ์„ ์กฐ์ •ํ•˜๋ฉด ์œ„์•„๋ž˜๋กœ ๊ท ์ผํ•˜๊ฒŒ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค. ํ•œ ๋ฐฉํ–ฅ์œผ๋กœ ๋งŒ ์„ฑ์žฅํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๋„๋ก ํ•˜๋‹จ ๋˜๋Š” ์ƒ๋‹จ์— ๋Œ€ํ•œ ์œ„์น˜ ์กฐ์ •์„ ์—…๋ฐ์ดํŠธํ•ด์•ผํ•˜๋Š” ์Šค์ผ€์ผ์—†์ด์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ฐ„๋‹จํ•œ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์ถ”์‹ -์ด ์งˆ๋ฌธ์„ ๊ฒŒ์‹œ ํ•  ํฌ๋Ÿผ์„ ์ฐพ์„ ์ˆ˜ ์—†์œผ๋ฏ€๋กœ Google ๊ฒ€์ƒ‰์„ ํฌ๊ธฐํ•˜๊ณ  ์—ฌ๊ธฐ์— ๊ฒŒ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ์ด ๋†€๋ผ์šด ํ”„๋ ˆ์ž„ ์›Œํฌ์— ๋Œ€ํ•ด Three.js ํŒ€์—๊ฒŒ ๊ฐ์‚ฌ๋ฅผ ํ‘œํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ํ–ˆ๋˜ ๋ฐ”๋กœ WebGL์„ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ๋„ˆ๋ฌด ์˜ค๋ž˜ ๊ฑธ๋ ธ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

Question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

mesh.scale.y += delta;
mesh.translateY( delta / 2 );

๋ชจ๋“  3 ๋Œ“๊ธ€

mesh.scale.y += delta;
mesh.translateY( delta / 2 );

๊ณ ๋งˆ์›Œ

์ง€๊ธˆ ์ด๊ฒƒ์— ๊ฑธ๋ฆผ๋Œ์ด๋˜๋Š” ์‚ฌ๋žŒ์—๊ฒŒ๋Š” ์•ฝ๊ฐ„์˜ ์„ค๋ช…์ด ์žˆ์Šต๋‹ˆ๋‹ค.

mesh.scale.y += delta ๋Š” ๋ฉ”์‰ฌ์˜ ๋ฐฐ์œจ์„ ๋ณ€๊ฒฝํ•˜๋ฏ€๋กœ ๋ฐฐ์œจ์ด 1์ด๊ณ  1์„ ๋”ํ•˜๋ฉด ๋ฉ”์‰ฌ๊ฐ€ ๋‘ ๋ฐฐ๊ฐ€๋ฉ๋‹ˆ๋‹ค.

mesh.translateY() ๋Š” ๋ฉ”์‹œ๋ฅผ ๋ฌผ๋ฆฌ์  ๊ฑฐ๋ฆฌ๋งŒํผ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฉ”์‹œ์˜ y ๊ฐ’์ด 5 ํ”ฝ์…€์ด๋ฉด 1์„ ๋”ํ•˜๋ฉด 6์œผ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

translateY(delta/2) ๋Œ€์‹  mesh.scale.y += delta ๊ฐ€ ๋ฉ”์‹œ๋ฅผ ๋ฌผ๋ฆฌ์ ์œผ๋กœ ์ฆ๊ฐ€ / ๊ฐ์†Œ์‹œํ‚ค๋Š” ์ •๋„๋ฅผ ํŒŒ์•…ํ•œ ๋‹ค์Œ ๊ทธ ์–‘์˜ ์ ˆ๋ฐ˜์œผ๋กœ ๋ณ€ํ™˜ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰