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

jopen 12年前發布 | 13K 次閱讀 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 中,除了公式參數外,你還可以選擇不同的材料,并設置燈光。

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

        2.   HolyMania

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

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

        3.   Cube

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

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

        4.   Cloth Simulation

        基于 WebGL、GPU 加速的布料模擬程序。

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

        5.   Reactive Ball

        一個具有金屬質感的球。這是關于光線、液態、環境地圖的試驗。

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

        6.   Lorenz Attractor

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

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

        7.   Swiss Addresses in 3D

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

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

        8.   Cell Cycle

        Cell Cycle 是一個用來進行 webGL 設計的應用,用于創建可 3D 打印的細胞模型。

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

        英文原文:9 IMPRESSIVE WEBGL JAVASCRIPT EFFECT SHOWCASE

來自: www.iteye.com
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!