three.js - three - Animación cinemática inversa
three js animation tutorial (2)
Esto parece prometedor
Fullik: solucionador iterativo rápido de JavaScript para Cinemática Inversa en three.js
es una conversión de java a biblioteca Caliko 3D libs Caliko es una implementación del algoritmo de cinemática inversa (IK) FABRIK
Estoy tratando de encontrar o crear un ejemplo funcional de presentación cinemática inversa en three.js. Idealmente, me gustaría exportar modelos humanos de Makehuman a través de su exportador Collada, cargarlos con THREE.ColladaLoader y configurarlos en diferentes poses en three.js mediante programación o mediante alguna interfaz dat.GUI. Algo así como la implementación de una muñeca de artista: no necesito animación, pero la retroalimentación en tiempo real al ajustar la pose sería agradable, y la presentación de estilo cinemático inverso sería muy preferida.
He estado estudiando y buscando información por días. Este http://www.youtube.com/watch?v=6om9xy6rnc0 está muy cerca, pero no pude encontrar ningún código de ejemplo o descargas. El ejemplo de trabajo más cercano que he encontrado es este: http://mrdoob.github.com/three.js/examples/webgl_animation_skinning.html Sin embargo, parece que utiliza marcos de animación predefinidos, que a su vez parece manipular los huesos en la cinemática de avance manera que tampoco fue de mucha ayuda.
Ni siquiera pude encontrar un modelo para probar, ya que no sé qué buscar cuando busco algo con IK rigs / skinning / bones compatible con Three.js. Makehuman parece tener muchas opciones de exportación de aparejos, no sé si alguno de ellos es utilizable.
¿Existe un sistema IK utilizable en Three.js y, en caso afirmativo, hay ejemplos de trabajo, modelos humanos que funcionen o algún indicio sobre qué sistema de manipulación / flujo de trabajo exacto debería estudiarse para lograrlo? Si el soporte directo de Collada no es posible, crear los caracteres en Blender y exportarlos también es una opción.
EDITAR: encontré esta demostración en vivo http://www.akjava.com/demo/poseeditor/ pero el código es totalmente ilegible.
No me siento lo suficientemente competente para responder a su pregunta, pero publicaré tres enlaces que pueden ponerlo en el camino correcto.
wylieconlon / cinemática
- una gran demostración de animación 2D de cinemática inversa. El código es totalmente legible.https://www.khanacademy.org/computer-programming/inverse-kinematics/1191743453
- Otra demostración, esta vez menos flexible pero más escueta.Cómo calcular la cinemática inversa
- Un agujero de conejos de enlaces. En caso de que quieras sumergirte en la cosa.