Transformando objetos 2

Question 1

Como definir a posição de um objeto em Three.js usando um único método?

Answer 1

mesh.position.set(x, y, z)

Question 2

Qual classe representa position, scale e permite métodos como normalize() e distanceTo()?

Answer 2

THREE.Vector3

Question 3

Como acessar o valor de rotação no eixo X?

Answer 3

mesh.rotation.x

Question 4

Como rotacionar um objeto 45 graus no eixo Y?

Answer 4

mesh.rotation.y = Math.PI * 0.25

Question 5

Como inverter a escala de um objeto no eixo Y?

Answer 5

mesh.scale.y = -1

não recomendado, pode causar bugs

Question 6

Qual a forma correta de aplicar múltiplas transformações ao mesmo tempo?

Answer 6

Usando múltiplas chamadas:

mesh.position.set(…)
mesh.scale.set(…)
mesh.rotation.set(…)

Question 7

Como mudar a ordem de aplicação das rotações?

Answer 7

mesh.rotation.reorder(‘YXZ’)

Question 8

Como fazer um objeto olhar para uma posição específica?

Answer 8

mesh.lookAt(new THREE.Vector3(x, y, z))

Question 9

Como agrupar vários objetos para aplicar transformações em todos de uma vez?

Answer 9

const group = new THREE.Group()
group.add(mesh1)
group.add(mesh2)
scene.add(group)

Question 10

Como criar um helper visual que mostra os eixos x, y e z?

Answer 10

const axesHelper = new THREE.AxesHelper(size)
scene.add(axesHelper)

Question 11

Como duplicar uma mesh e posicioná-la ao lado de outra no eixo X?

Answer 11

const cube2 = mesh.clone()
cube2.position.x = 2
scene.add(cube2)