Javascript和canvas 3D模型查看器

Question

我正在寻找一种方法，使我的网站使用Javascript和画布元素的3D模型查看器。类似于此页面上的内容：

http://minecraftbr.com/novaskin/

你可以看到模型(我的世界的家伙)被显示出来，你可以旋转和移动他。还需要对模型应用特定的皮肤。例如，每个“我的世界”的皮肤看起来像这样：

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

然后将其映射到“我的世界”中，如下所示：

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

老实说，这看起来很容易读取像素，然后应用正确的颜色。我真正需要的是3D方面的帮助，比如头部、身体、手臂、腿等的多边形。

有没有合适的Javascript库来做这类事情？它可以使在画布元素中使用3D多边形和东西变得容易。

感谢你的帮助，干杯。

Answer 1

我已经做了这样的东西，它在我的网站上，它是用Canvas和CSS3制作的。它将加载一个“我的世界”玩家的用户名，并使用他们的皮肤。我添加了在iPad/iPhone等设备上查看的基本功能，这样你就可以转动设备，模型就会移动，就像你在移动相机一样。链接是

mjstk.co.uk/dev/minechar/

或者用于在自定义用户的皮肤中加载(如果您想添加新的皮肤，可以上传/拖放新的皮肤)

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

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

如果您希望完全在canvas中完成这项工作，我会推荐three.js；虽然它确实支持WebGL，但它也可以利用canvas (以及其他东西)

希望这对你有帮助