JavaScript和画布3D模型查看器

Question

JavaScript和画布3D模型查看器

javascriptcanvas3d

3

我在寻找一种使用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多边形之类的东西变得容易。

感谢帮助，谢谢。

- Josh

不幸的是，这个问题已经成为一个例子，说明帖子不应该暴露在链接失效的危险之下。 - Sebastian Mach

投票关闭，因为没有图像会让内容变得太不清晰，个人认为。 - Sebastian Mach

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Hugo Scott-Slade · Accepted Answer

我已经制作了类似的东西并放在我的网站上，主要是用Canvas和CSS3制作。它将加载一个Minecraft玩家的用户名并使用他们的皮肤。我添加了基本功能，可以在iPad / iPhone等设备上查看，因此您可以转动设备，模型会移动，就像您正在移动相机一样。链接是：mjstk.co.uk/dev/minechar/ 或者加载自定义用户的皮肤（如果您想添加该功能，可以上传/拖放新皮肤）：mjstk.co.uk/dev/minechar/#minecraftusername mjstk.co.uk/dev/minechar/#hugosslade（是我的）。但是，如果您完全希望在canvas中完成，我建议使用three.js；虽然它支持WebGL，但也可以利用canvas（以及其他东西）。希望这有所帮助。