我正在寻找一种方法,使用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多边形和东西的东西。
欢迎帮助,欢呼。
答案 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(以及其他东西)
希望这很有用