mesh.scale.y๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ธ ์ง์ค๋ฉํธ๋ฆฌ ๋ฉ์ฌ์ ๋์ด๋ฅผ ๋ณ๊ฒฝํ ์ ์์์ง๋ง ์์๋๋ก๋ง ๋๋ฆฌ๊ณ ์ถ๊ธฐ ๋๋ฌธ์ ๋ถ๋ง์กฑ ์ค๋ฝ์ง๋ง ๋ฐฐ์จ์ ์กฐ์ ํ๋ฉด ์์๋๋ก ๊ท ์ผํ๊ฒ ๋ณ๊ฒฝ๋ฉ๋๋ค. ํ ๋ฐฉํฅ์ผ๋ก ๋ง ์ฑ์ฅํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๋๋ก ํ๋จ ๋๋ ์๋จ์ ๋ํ ์์น ์กฐ์ ์ ์ ๋ฐ์ดํธํด์ผํ๋ ์ค์ผ์ผ์์ด์ด ์์ ์ ์ํํ๋ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์ถ์ -์ด ์ง๋ฌธ์ ๊ฒ์ ํ ํฌ๋ผ์ ์ฐพ์ ์ ์์ผ๋ฏ๋ก Google ๊ฒ์์ ํฌ๊ธฐํ๊ณ ์ฌ๊ธฐ์ ๊ฒ์ํ์ต๋๋ค. ๋ํ์ด ๋๋ผ์ด ํ๋ ์ ์ํฌ์ ๋ํด Three.js ํ์๊ฒ ๊ฐ์ฌ๋ฅผ ํํ๊ณ ์ถ์ต๋๋ค. ์ ๊ฐํ๋ ๋ฐ๋ก WebGL์ ์์ฑํ๋ ๋ฐ ๋๋ฌด ์ค๋ ๊ฑธ๋ ธ๊ธฐ ๋๋ฌธ์ ๋๋ค.
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
๊ฐ ๋ฉ์๋ฅผ ๋ฌผ๋ฆฌ์ ์ผ๋ก ์ฆ๊ฐ / ๊ฐ์์ํค๋ ์ ๋๋ฅผ ํ์
ํ ๋ค์ ๊ทธ ์์ ์ ๋ฐ์ผ๋ก ๋ณํํด์ผํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ