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打印的細胞模型。