Déplacer des rectangles pour former un cube en utilisant trois.js

J'essaie de faire un cube avec 6 visages donnés sur la surface en tant que cube net avec une face mobile. Quelque chose comme ça:

Dans l'image ci-dessus, il y a 6 visages, un visage (bleu) est mobile.

On peut les faire pivoter ensemble le long de leurs bords pour former un «filet». Une fois qu'ils pensent qu'ils sont finis, ils peuvent appuyer sur un bouton "replier" – tous les arêtes s'élèvent de 90 degrés pour créer le cube (ou ne pas être un cube s'il n'a pas rejoint le visage bleu à la bonne position).

• Récupérer la référence de la fenêtre enfant après l'actualisation
• POST Restangulaire toujours vide
• Comment définir une image de curseur via jQuery?
• Rendre le texte indisponible
• Comment lire plusieurs fichiers audio sur une seule page Web? (Sur la meilleure pratique sur le clic)

Vous trouverez ci-dessous un état intermédiaire après avoir appuyé sur le bouton "replier".

Une fois que les visages sont pliés, cela devrait être le suivant:

L'animation correspondante est donnée ici: http://www.mathematikus.de/10/

(D'une certaine manière, ce lien ne fonctionne pas sur Mac)

Je ne suis pas sûr de savoir comment y aller. Toute aide est appréciée.

Vous remerciant à l'avance.

• Comment puis-je appeler une fonction publique à partir d'une fonction privée dans le modèle du module JavaScript
• Utilisation de Browserify avec jQuery Plugins
• Javascript OOP – a perdu cela en rappel asynchrone
• Pourquoi la fonction dans l'annulation en ligne DI angulaire est-elle un élément de tableau?
• Syntaxe concise pour javascript si instruction sans crochets

var obj1 = new THREE.Mesh(...); var obj2 = new THREE.Mesh(...); obj1.add(obj2);