2011-04-28 75 views
3

我正在尋找一種方法爲使用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庫做這種東西?一些可以很容易地在畫布元素中使用3D多邊形和東西的東西。

幫助表示讚賞,歡呼聲。

+0

不幸的是,這一問題已成爲爲什麼職位不應該被暴露的危險的例子鏈接腐。 – 2014-04-02 13:19:16

+0

投票結束,因爲沒有圖像,它太不明瞭,恕我直言。 – 2014-04-02 13:19:59

回答

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的支持,它也可以利用畫布(以及其他的東西)

希望那是有益的