three.js - comment traduire la géométrie

Question

J'ai un script qui positionne des cubes de largeurs, de hauteurs et de profondeurs différentes et qui peine à les aligner avec précision en fonction des xAxis, yAxis et zAxis (qui varient également).

var geometry = new THREE.BoxGeometry(width, height, depth); 
var cube = new THREE.Mesh(geometry, material); 
cube.position.set(xAxis, yAxis, -zAxis); 
scene.add(cube); 

Je crois que c'est parce que le cube est positionné en fonction de son centre, est pourtant là une méthode pour la positionner basée sur l'avant, à gauche et coin - qui résoudrait ce problème pour faire varier les cubes de taille?

Answer 1

Vous pouvez traduire la géométrie si un coin de la boîte se trouve à l'origine:

var geometry = new THREE.BoxGeometry(width, height, depth); 
geometry.translate(width/2, height/2, depth/2); 

Si vous avez plusieurs instances de cube de différentes tailles, il est préférable d'utiliser ce modèle:

var geometry = new THREE.BoxGeometry(1, 1, 1); // create once and reuse 
geometry.translate(0.5, 0.5, 0.5); 

var cube_1 = new THREE.Mesh(geometry, material); 
cube_1.scale.set(width, height, depth); 

trois.js r.87