DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript和OpenGL結合創造的驚人的WebGL效果
JavaScript和OpenGL結合創造的驚人的WebGL效果
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved