Three.js rotazione e posizionamento di geometrie

Question

Cerco di scrivere un'esportazione di un software di modellazione di piante 3-d su Three.js ma sono rimasto bloccato con le rotazioni e le traduzioni degli oggetti.

Finora ho provato a utilizzare i quaternioni e le matrici di trasformazione ma entrambi i risultati non sono soddisfacenti. Per i miei test io uso un semplice albero binario che sembra in origine così:

i risultati della mia esportazione sono questo:

È possibile trovare il codice di entrambi esportazione sotto

http://ufgb966.forst.uni-goettingen.de/three/test2Quaternion.html

http://ufgb966.forst.uni-goettingen.de/three/test2Matrix.html

Mi pare che le mie rotazioni siano fatte attorno al punto sbagliato. Ogni rotazione dovrebbe essere fatta attorno all'origine di ogni geometria. Quale sarebbe un metodo per ottenere il risultato che sto cercando?

Answer 1

Nel caso non lo si fosse già, si potrebbe dare un'occhiata a questo: Using Matrices & Object3Ds in THREE e questo How to use matrix for transformation, mi ha aiutato. Nota inoltre che three.js utilizza un sistema di coordinate della mano destra che probabilmente conosci.

Se si esporta da Blender, provare -Z Forward, Y su.

Answer 2

Secondo me è necessario modificare la sequenza delle trasformazioni di traslazione e rotazione: il problema è nella sequenza delle trasformazioni.