HTML5中的铰接式3D人物

Question

我正在开发一个开放的手语手势构建器,在某些方面与Vcom3D的Gesture Builder非常相似 - 请参阅本页底部的产品演示.

主要目标是使这个应用程序在所有主流浏览器中工作,而无需安装插件或浏览器插件.

我正在找到最简单的方法来创建一个具有可控制的手臂和手指的人类角色,就像Vcom3D的Gesture Builder中的化身一样:

我用google搜索了很多3D人体模型创建者/操纵者,比如MakeHuman和Blender,这可能有助于开发3D模型,但我不知道如何在HTML5环境中使用它.

你有什么想法？我会非常感激的!

编辑: Chico3001给出了一个非常好的答案,解释了如何使用Javascript和HTML5元素实现动画.但是,我真正的问题是如何创建相对好看的精灵,我可以用它来创建这样的动画？

Answer 1

我喜欢这个评论：“你的意思是，你想建造一艘宇宙飞船，但不知道如何建造一辆自行车？”

我认为精灵不会对你有多大帮助。您的示例屏幕截图表明您想要旋转对象，并且您想要赋予它 3D 的概念，其中涉及阴影和其他不错的附加功能。

如果有人愿意为我争取时间（很多时间），而我的任务是构建 3D 手势生成器，那么我的所有工作都会基于以下内容：

http://de.wikipedia.org/wiki/Scalable_Vector_Graphics

http://www.lutanho.net/svgvml3d/

http://www.svgopen.org/2010/papers/58-WebGL__SVG/

http://javascript.open-libraries.com/multimedia/3d/svg-vml-3d-javscript-libraries/

http://debeissat.nicolas.free.fr/svg3d.php