HTML5中的关节3D人

前端之家收集整理的这篇文章主要介绍了HTML5中的关节3D人前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个开放的手语手势构建器,在某些方面与Vcom3D的Gesture Builder非常相似 – 请参阅 this page底部的产品演示.

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

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

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

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

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

解决方法

我喜欢评论:“你的意思是,你想建造一艘宇宙飞船,但不知道如何建造一辆自行车?”

我不认为精灵会帮助你很远.您的示例屏幕截图表明您想要旋转对象,并且您想要给它一个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

原文链接:https://www.f2er.com/html5/168333.html

猜你在找的HTML5相关文章