Javascript和画布3D模型查看器

时间:2011-04-28 20:58:25

标签: 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库来做这种事情?可以在canvas元素中轻松使用3D多边形和东西的东西。

欢迎帮助,欢呼。

1 个答案:

答案 0 :(得分: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,但它也可以使用canvas(以及其他东西)

希望这很有用