在這個(gè)列表中挑選了9個(gè)物理和重力實(shí)驗(yàn)，用來展示 Javascript 的強(qiáng)大。幾年前，所有這些實(shí)驗(yàn)都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中，就個(gè)人而言，我比較喜歡仿真布料的那個(gè)，我簡(jiǎn)直不敢相信它是使用 JavaScript 做出來的。

　　在這個(gè)列表中挑選了9個(gè)物理和重力實(shí)驗(yàn)，用來展示 Javascript 的強(qiáng)大。幾年前，所有這些實(shí)驗(yàn)都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中，就個(gè)人而言，我比較喜歡仿真布料的那個(gè)，我簡(jiǎn)直不敢相信它是使用 JavaScript 做出來的。

 

Cloth

布料效果的 HTML5 Canvas 應(yīng)用演示，效果逼真。你會(huì)看到，借助 Canvas 的強(qiáng)大繪圖和動(dòng)畫功能，只需很少的代碼就能實(shí)現(xiàn)讓您屏息凝神的效果。

在線演示      源碼下載

 

Ball Pool 

Ball Pool 是一個(gè)基于 HTML5 技術(shù)的實(shí)驗(yàn)，模擬現(xiàn)實(shí)物理效果，讓你在 Web 中感受自然物體的運(yùn)動(dòng)。

在線演示      源碼下載

 

Verlet JS

Verlet-js 是一個(gè)簡(jiǎn)單的集成 Verlet 的物理引擎，基于 JavaScript 編寫，作者是 Sub Protocol。粒子系統(tǒng)、距離限制、角度限制等，Verlet-js 都能支持，基于這些基礎(chǔ)，它可以幫助你構(gòu)建幾乎任何你能想象到的任何東西。

在線演示      源碼下載

 

HTML5 Blob

驚艷的 Canvas 水滴效果，雙擊可以把水滴分離；拖放到一起可以融合；晃動(dòng)瀏覽器可以讓水滴跳動(dòng)；鍵盤左右鍵可以切換皮膚；上下鍵可以變換大小。

在線演示      源碼下載

 

Canvas Cloth

下面給大家分享一個(gè) HTML5 Canvas 繪制的 3D 布料圖案效果。

在線演示      源碼下載

 

WebGL Cloud

使用 HTML5 WebGL 實(shí)現(xiàn)超逼真的云朵效果。通過 WebGL 的技術(shù)，只需要編寫網(wǎng)頁(yè)代碼即可實(shí)現(xiàn)3D圖像的展示。

在線演示      源碼下載

 

Crazy Tentacles

這個(gè)示例叫瘋狂的觸手，移動(dòng)鼠標(biāo)可以進(jìn)行涂鴉，點(diǎn)擊鼠標(biāo)可以清除畫布。

在線演示      源碼下載

 

Surface

使用 WebGL 實(shí)現(xiàn)的水面特效實(shí)驗(yàn)，可放入一張照片，使用鼠標(biāo)觸動(dòng)水面會(huì)有奇特效果。

在線演示      源碼下載

 

Fractal Trees

分形理論作為一個(gè)新興的數(shù)學(xué)分支，是對(duì)經(jīng)典幾何學(xué)的延伸,借助于計(jì)算機(jī)輔助手段，分形理論實(shí)現(xiàn)了理論與實(shí)踐的緊密結(jié)合。

在線演示      源碼下載

 

 

本文鏈接：充滿想象力的9個(gè) JavaScript 物理和重力實(shí)驗(yàn)

編譯來源：夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁(yè)設(shè)計(jì)資源