8 個效果驚人的 WebGL/JavaScript 示範

來源:互聯網
上載者:User
WebGL是一種3D繪表徵圖准,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,為HTML5 Canvas提供硬體3D加速渲染。WebGL技術標準免去了開發網頁專用渲染外掛程式的麻煩,可被用於建立具有複雜3D結構的網站頁面,甚至可以用來設計3D網頁遊戲等。 

本文將為你帶來8個效果驚人的WebGL效果,你可以在最新的Chrome瀏覽器中查看。 
1.  Supershape.js 
supershape.js讓你可以在瀏覽器中實驗3D superformula。Superformula是一個通用的幾何變形公式,涵蓋了大量在自然界中發現的幾何形狀。在supershape.js中,除了公式參數外,你還可以選擇不同的材料,並設定燈光。 

2.  HolyMania 
在一個扭曲的隧道中,你需要控制一個球,且不能碰到隧道的邊緣。看看你的最好成績是多少。 

3.  Cube 
基於WebGL構建,你可以在一個立方體的紐約、東京和其他城市地圖上旅遊。 

4.  Cloth Simulation 
基於WebGL、GPU加速的布料類比程式。 

5.  Reactive Ball 
一個具有金屬質感的球。這是關於光線、液態、環境地圖的實驗。 

6.  Lorenz Attractor 
這不僅是堆積隨機點,而是呈現出洛倫茨吸引子(洛倫茨振子的長期行為對應的分形結構)。 

7.  Swiss Addresses in 3D 
使用WebGL,以3D形式呈現出370萬瑞士人口的分布圖。 

8.  Cell Cycle 
Cell Cycle是一個用來進行webGL設計的應用,用於建立可3D列印的細胞模型。 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.