three.js๋ฅผ ์ฌ์ฉํ์ฌ 3D ๋ชจ๋ธ๋ง ๋๊ตฌ๋ฅผ ๊ฐ๋ฐํ๋ ค๊ณ ํฉ๋๋ค ......
์์ด์ด ํ๋ ์ ํ๋ซํผ์์ 3D ๊ฐ์ฒด๋ฅผ ๋ ๋๋งํ๊ธฐ ์ํด ์์ ๋ฅผ ์ฌ์ฉํ์ต๋๋ค!
์ด์ ๋ง์ฐ์ค ๋๋๊ทธ ์ด๋ฒคํธ๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ๋ฒํผ์ ํด๋ฆญํ์ฌ 3D ๊ฐ์ฒด์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ์ฌ 3D ๊ฐ์ฒด์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ์ถ์ต๋๋ค!
๋น์ ์ ๋๋ต์ ๊ธฐ๋ค๋ฆฌ๊ณ ์์ต๋๋ค!
Mesh
๊ฐ์ฒด์๋ scale
์์ฑ์ด ์์ต๋๋ค. mesh.scale.x = 2
๋๋ mesh.scale.set( 2, 1, 1 )
๋ฉ๋๋ค.
์ ๊ธฐ์๋ ์ฌ๋๊ณผ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค : http://stackoverflow.com/questions/19150120/scaling-an-object-in-three-js
์ค์ผ์ผ์ ๋ณ๊ฒฝํ๋ ์๊ฐ ๋๋ ๋์ณ๋ฉ๋๋ค.
"Matrix3.getInverse () : ํ๋ ฌ์ ๋ฐ์ ํ ์ ์์ต๋๋ค. ํ๋ ฌ์์ด 0์
๋๋ค."
three-r73.js : 4482 : 5
๊ฐ์ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. THREE.CylinderGeometry ์ฌ์ฉ
@gunderson ๋์์ด ํ์ํ๋ฉด stackoverflow๋ฅผ ์ฌ์ฉํด๋ณด์ธ์.
๊ฐ์ฒด ๊ทธ๋ฃน์ด์๋ ๊ฒฝ์ฐ _rendering parent_๋ก ๊ทธ๋ฃน์ ์ถ๊ฐํ๊ณ ๋ถ๋ชจ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํฉ๋๋ค.
const renderingParent = new THREE.Group();
// ...
renderingParent.scale.set(2,1,1);
renderingParent.add(groupOfObjects);
๊ณ์ ๋ณํ๋ฉด ์ด๋ป๊ฒ ๋๋์? (์ ๋ ์ ์ธ์ 10 ๋ฒ ๊ณ์ฐํ๊ณ ์ถ์ง ์์ต๋๋ค)
์ค์ ๋ก ์ง์ค๋ฉํธ๋ฆฌ ๋๋น์ ๋์ด๋ฅผ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์ต๊ณ , ๋ฃจ์ด์ค
@luisArandas ๋์๋ง ์์ฒญ์ ํฌ๋ผ ๋๋ stackoverflow๋ฅผ ์ฌ์ฉํ์ญ์์ค.
์์ ๊ธฐํํ์ ๊ฒฝ์ฐ ์์ฑ์! == ์ค์ผ์ผ์ฒ๋ผ ๋ณด์ ๋๋ค. ์ค์ผ์ผ์ x = 1๋ก ๋ณ๊ฒฝํ๋ฉด ๋ด ๊ฐ์ฒด๊ฐ BoxBufferGeometry (1,1,1); ๊ทธ๊ฒ์ ๋ด ๋ฌผ๊ฑด์ ๋ํ REEEEALY ๋ค๋ฅธ ๊ฒฌํด๋ฅผ ๋ณด์ฌ์ค๋๋ค. ์ ์์ธ๊ฐ์? = -1 ํฌ๊ธฐ๋ก ์ค์ ํ ํ ๋ด ๊ฐ์ฒด๊ฐ ๋ ์ปค์ง ๋ ์ ๋ง ๋ด ๊ฒ์์ ๋ถ์ํฉ๋๋ค.
๋ค์์ ๋ช ๊ฐ์ง ์คํฌ๋ฆฐ ์ท์
๋๋ค. ๋ฐ๋ผ์ ์ฝ์์ ์ฒซ ๋ฒ์งธ ์ซ์๋ ํ๋ ์ด์ด ํ๋ธ์ x, y, z ํฌ๊ธฐ์
๋๋ค.
cubeSize.xyz = cubeSize.xyz-1;
cube.scale.set (cubeSize.xyz, cubeSize.xyz, cubeSize.xyz)
๋ชธ์ง์ด ์์ ์ ธ๋ ๊ฐ์ ์ฌ์ด์ฆ๋ฅผ ์ ์ง ํ ๊ฒ ๊ฐ์ง๋ง Y ์์ธ๋ก ์๋๋ก ๋ง๋ค๊ณ
cubeSize.xyz = cubeSize.xyz + 1;
cube.scale.set (cubeSize.xyz, cubeSize.xyz, cubeSize.xyz);
์์ ์ง์ค๋ฉํธ๋ฆฌ์ ์ํด ์ค์ ๋ ๊ฒ๋ณด๋ค ํจ์ฌ ๋ ๋ง์ด ๋ง๋ค์ง ๋ง ๋ณ์๊ฐ ๋ค์ 2๊ฐ๋๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. ์ ๊ทธ๋ฐ์ง ๋งํ ์๋ ์์ง๋ง ๋์๊ฒ๋ ์ค์ผ์ผ์ด ์์ฑ์์ ๋ค๋ฅธ ํฌ๊ธฐ๋ก ๋ณด์
๋๋ค. ์ค์ผ์ผ์ด ๋ฏธํฐ์ ์ง์ค๋ฉํธ๋ฆฌ ํผํธ๋ฅผ ์ฌ์ฉํ๊ณ ์์์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
๊ทธ๊ฒ์ ๋ด ๋ฌธ์ ์ผ ์ ์์ต๋๊น, ์๋๋ฉด ์ธ ๊ฐ์ js ๋ฒ์ 101์ ๊ฐ๋ฐฉ์
๋๊น? (100 ๊ฐ๋ ์ค์ ๋ก ๋์ผํ๊ฒ ์๋ํฉ๋๋ค)
์ ์ ํ ๋ต๋ณ์ ์ป๊ณ ์ถ๋ค๋ฉด @dygy ์๊ฒ ์ง๋ฌธ์ ํฌ๋ผ์ผ๋ก ์ฎ๊ธฐ๋ ๊ฒ์ด ์ข์ต๋๋ค : https://discourse.threejs.org/
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
Mesh
๊ฐ์ฒด์๋scale
์์ฑ์ด ์์ต๋๋ค.mesh.scale.x = 2
๋๋mesh.scale.set( 2, 1, 1 )
๋ฉ๋๋ค.