2011-04-28 83 views
3

我正在寻找一种方法为使用Javascript和canvas元素的网站制作3D模型查看器。事情是这样的页面:Javascript和canvas 3D模型查看器

http://minecraftbr.com/novaskin/

你可以看到显示的模型(的Minecraft的家伙),你可以旋转和移动他。还需要发生的是应用于模型的特定皮肤。例如,每个的Minecraft皮肤看起来是这样的:

http://i.stack.imgur.com/AiBnl.png

,然后将其映射到的Minecraft的家伙,看起来像这样:

http://minecraftbr.com/novaskin/#http://imgur.com/AiBnl.png

说实话它看起来像非常简单的像素读取,然后只是应用正确的颜色。我真正需要帮助的是3D的这方面,像头部,身体,手臂,腿等多边形

是否有一个体面的JavaScript库做这种东西?一些可以很容易地在画布元素中使用3D多边形和东西的东西。

帮助表示赞赏,欢呼声。

+0

不幸的是,这一问题已成为为什么职位不应该被暴露的危险的例子链接腐。 – 2014-04-02 13:19:16

+0

投票结束,因为没有图像,它太不明了,恕我直言。 – 2014-04-02 13:19:59

回答

2

我做了这样的事情,它在我的网站上,主要是用Canvas和CSS3制作的。它将加载一个Minecraft玩家的用户名并使用他们的皮肤。我添加了在iPad/iPhone等设备上查看的基本功能,因此您可以转动设备并移动模型,就像移动相机一样。这个链接是

mjstk.co.uk/dev/minechar/

或用于自定义用户的皮肤加载(你可以上传/阻力ñ下降的,如果你想补充一点,新的皮肤)

mjstk.co.uk/dev/minechar/#minecraftusername

mjstk.co.uk/dev/minechar/#hugosslade(就是我)

如果您正在寻找完全做到这一点在画布上,虽然,我会推荐three.js;虽然它确实有对WebGL的支持,它也可以利用画布(以及其他的东西)

希望那是有益的