這是一個海洋模擬。您可以調(diào)整9設置得到一個平靜的熱帶海洋或經(jīng)歷一場風暴的一個黑暗的海洋。你可以保存你的設置。

水的表面是一個球面。這是兩個紋理映射：背景紋理和海底紋理。對于每個面的頂點，我們使用GLSL的職能反映和折射UV映射的紋理計算與笛卡爾的物理規(guī)律。

照明是一個反射照明的疊加，這取決于表面法線向量與噪音產(chǎn)生照明。機芯表面是10正弦波的疊加。波的振幅和速度是有界的經(jīng)驗規(guī)律wavelenghts。

簡介：這是一個海洋模擬。您可以調(diào)整9設置得到一個平靜的熱帶海洋或經(jīng)歷一場風暴的一個黑暗的海洋。你可以保存你的設置。

效果圖：

提醒：一些應用需要開啟WebGL，才能看到效果，哪些瀏覽器支持WebGL？

要運行WebGL，你必須有一個支持它的瀏覽器，比如：

Google Chrome 9+

Mozilla Firefox 4+

Safari 5.1+（僅限于Mac OS X操作系統(tǒng)）

Opera Next 即 Opera 12 alpha及以上版本IE9+但是IE并不支持WebGL，不過你可以通過下載并安裝IEWebGL這個插件，或者Google Chrome Framework來運行一些WebGL應用。

同時，你還需要一塊好的顯卡，并安裝了***的顯卡驅(qū)動；這只是使你能夠運行WebGL的基本要求，如果想要在一些復雜的應用中保證顯示效果，那你需要一塊更好的顯卡。

所使用的技術(shù)：

JavaScript；WebGL

在線觀看

原文鏈接：http://www.w3cfuns.com/thread-5591724-1-3.html

【編輯推薦】

1. 8個效果驚人的WebGL/JS演示
2. WebGL: 為瀏覽器提供3D顯示支持
3. JavaScript，只有你想不到
4. 如何優(yōu)化你的JS代碼
5. 另一款有意思的JS圖片放大鏡