Comment puis-je faire pivoter un maillage de 90 degrés dans ThreeJS?

J'ai un mesh que je veux faire tourner de 90 degrés à l'intérieur de Trois JS.
Voici l'image de la situation actuelle:
Comment puis-je faire pivoter un maillage de 90 degrés dans ThreeJS?

Je veux le filet sélectionné pour être tourné en parallèle à la grande maille.
J'ai essayé de la rotation de la matrice comme ceci:

matrix =   new THREE.Matrix4().makeRotationX(1.57)

Mais le maillage va dans d'étranges rotations. Est-il un moyen plus facile de le faire pivoter de 90 degrés ?

  • objet.de rotation.y = TROIS.Les mathématiques.degToRad( 90 );
InformationsquelleAutor Zaay | 2015-04-27
  1. 43

    La threejs rotation utilise Radians (comme vous le savez peut-être)

    vous pouvez utiliser cette

    mesh.rotation.x = Math.PI / 2;

    ou

    mesh.rotation.set(new THREE.Vector3( 0, 0, Math.PI / 2));
    • A très bien fonctionné. Merci!
    • mesh.rotation.set(new THREE.Vector3( 0, 0, Math.PI / 2)); ne fonctionnent pas sur les r96. utilisation setFromVector3 au lieu de set
    • mesh.rotation.set(0, 0, Math.PI / 2) est Ok avec r101. À l'aide de rotation.set() avec un Vector3 donne NaN valeurs dans les propriétés matrix et matrixWorld qui rend votre objet disparaissent de la scène, montrant rien dans la console.
    InformationsquelleAutor Absulit
  2. 13

    Vous pouvez faire pivoter un objet à l'aide de cette fonction:

    function rotateObject(object, degreeX=0, degreeY=0, degreeZ=0) {
   object.rotateX(THREE.Math.degToRad(degreeX));
   object.rotateY(THREE.Math.degToRad(degreeY));
   object.rotateZ(THREE.Math.degToRad(degreeZ));
}

//usage:
rotateObject(myPlane, 40, 30, 20);
    • PAS bon THREE.Math.degToRad() ou THREE.Math.radToDeg()
    InformationsquelleAutor Harun ERGUL
  3. 7

    Disons meshToRotate doit être tourné de 90 degrés à l'axe des abscisses. Puis effectuez les opérations suivantes.

            var meshToRotate = new THREE.Mesh( geometry, material );

        //Rotating mesh by 90 degree in X axis.     
        meshToRotate.rotateX( Math.PI / 2 );
    InformationsquelleAutor prahadeesh
  4. 2

    Testé sur r96, vous pouvez également utiliser

    mesh.rotation.setFromVector3(new THREE.Vector3( Math.PI / 2, 0, 0));
    • mesh.rotation.set( Math.PI / 2, 0, 0 );
    • maillage.updateMatrixWorld() doit être appelée si la mise à jour automatique n'est pas activé
    InformationsquelleAutor Tib