網站上非常酷的3D圖形，但這背後的技術是什麼？

我最近在丹麥網站上發現了一個很酷的3D圖形。您可以旋轉和縮放地球的三維物體。我對網站上的3D圖形感興趣，我很好奇這是如何完成的。我敢肯定，這不是閃存，因爲我的權利cliked就可以了，並有關於Flash沒有資料，因爲它使用的是當你在Flash圖形右側cklick，所以有什麼會是什麼？網站上非常酷的3D圖形，但這背後的技術是什麼？

鏈接：Link to danish website BIG然後選擇Locations

來源

2013-06-04 3D-kreativ

這可能是懶加載插件.. –

你指的是旋轉的地球儀實際上是WebGL的渲染的HTML Canvas元素，並通過JavaScript控制。

WebGL是強大的，但不是那麼容易皮卡的人沒有的OpenGL-ES編程的一個非常堅實的理解。我會建議使用一個庫，最好的一個在那裏是（在我看來）http://threejs.org，從而簡化了管理低層次的3D操作爲您，讓您專注於高層次的概念（多邊形，陰影等任務）。有許多教程和典型的「你好世界」的例子（幸運的是，地球的代表與它有一些互動性）。

在你給的例子不斷深入，我建議你看這個教程，非常適合，並說明了如何完成同樣的事情：http://www.smartjava.org/content/render-open-data-3d-world-globe-threejs。

旁註：three.js所允許呈現上的WebGL，帆布，SVG或CSS3表面。 IE不支持WebGL，但Canvas是（IE9 +）。這意味着可以在所有最常見的瀏覽器上實現相同（或幾乎相同）的結果（但性能完全不同）。

來源

2013-06-04 06:06:19 sixFingers

OK的，但IE9和IE 10不要」不支持WebGL！？ –

@ 3D-kreativ：有一個IE插件，添加WebGL支持 - http://iewebgl.com/。所以無論是Flash還是IE，你都有一個插件。 – datenwolf

這是通過HTML canvas標籤和JavaScript來完成。一個很好的教程是here。

來源

2013-06-04 06:00:45

HTML5，jQuery的Web字體和少量其他第三方JavaScript的組合已經使用...瞭解更多您可以使用Chrome網上應用檢查，以檢查它是怎麼做 https://developers.google.com/chrome-developer-tools/ 或者您可以使用Firebug - 火狐附加組件做同樣的

我不知道是否WebGL的已經在這裏使用，因爲我不知道

來源

2013-06-04 06:37:04 Dilip

網站上非常酷的3D圖形，但這背後的技術是什麼？

回答

相關問題