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

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

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

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

效果圖：

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

要運(yùn)行WebGL，你必須有一個(gè)支持它的瀏覽器，比如：

Google Chrome 9+

Mozilla Firefox 4+

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

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

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

所使用的技術(shù)：

JavaScript；WebGL

在線觀看

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

【編輯推薦】

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