标签 javascript canvas 3d
<分区>
我正在寻找一种使用 Javascript 和 Canvas 元素为我的网站制作 3D 模型查看器的方法。类似于此页面上的内容:
http://minecraftbr.com/novaskin/
您可以看到显示的模型(Minecraft 人)，您可以旋转和移动他。还需要发生的是应用于模型的特定皮肤。例如，每个 minecraft 皮肤看起来像这样:
http://i.stack.imgur.com/AiBnl.png
然后它被映射到 minecraft guy 上，看起来像这样:
http://minecraftbr.com/novaskin/#http://imgur.com/AiBnl.png
老实说，读取像素然后应用正确的颜色似乎很容易。我真正需要帮助的是它的 3D 方面，例如头部、 body 、 ARM 、腿等的多边形。
是否有适合做这类事情的 Javascript 库？可以使在 canvas 元素中使用 3D 多边形和内容变得容易的东西。
感谢帮助，干杯。
最佳答案
我做过类似的东西，它在我的网站上，它主要是用 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 (以及其他东西)
希望对你有帮助
关于Javascript 和 Canvas 3D 模型查看器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5824935/
