是否有JavaScript的水物理引擎？

我想用javascript和<canvas>進行演示，我正在考慮做一個動人的小動物，從頂部看，在水環境中游泳。是否有JavaScript的水物理引擎？

概念「藝術」： enter image description here

有什麼我可以用它來啓動這個項目，或者我需要從頭開始創建一切？

2011-06-20 Manu

+13

也就是說真棒概念藝術 –

我覺得這可能是更適合於非網絡語言，除非你的內容與慢的幀率。 – Bojangles

謝謝保羅。我確實把藝術放在引號:) – Manu

http://rumpetroll.com/是開源的，有一種運動的你也許可以修改做，因爲你想

2011-06-20 13:46:00 Alex

我沒有看到谷歌瀏覽器上的水效果。 – Raynos

這取決於你想要如何像水一樣。在該演示中，您可以看到蝌蚪游泳。通過你正在尋找的那些概念的外觀 – Alex

-1

只是一個想法，但你可以搜索Java引擎，然後使用GWT將其編譯爲Javascript。

2011-06-20 13:48:38

對不起，我不知道一個圖書館，但我沒有看到在畫布演示水的物理最近：

也許你能得到一些啓示那裏......你也許能夠用Box2DJS這樣的普通JS物理庫來實現它。

2011-06-20 13:53:46

她感興趣的物理學與你正在做的很不一樣。你的動畫是從側面看，而她的動畫是頂視圖。另外，演示中的物理內容相當原始且不現實，這使得它們不太可能有用。 – dionyziz

我不確定你打算如何模擬（或者我是否有概念藝術:)），但這可能是一個方向： processing.js不是一個物理引擎，而是一個圖形庫端口到JavaScript（利用畫布） - http://processingjs.org/。但是，您可能會在他們的演示中發現與您嘗試創建的東西類似的內容。

其中一個原始加工庫的例子有一個很好的使用粒子系統的流體模擬，它在processing.js上運行成功 - 但是幀率非常差。你可以自己試試http://processingjs.org/learning/ide - 只需複製&粘貼示例中的代碼（並準備讓您的計算機抓取到暫停）。

您可以嘗試調整粒子數（pnum），以提高速度並與其他變量一起玩。

2011-06-23 19:07:32

這個小小動物舉起雙臂，它向前移動，就好像手臂在推水一樣 – Manu

很酷的鏈接，謝謝 – Manu

2011-08-02 21:38:27 mrBorna

還有一篇關於它的博客文章，關於這個效果的一些補充：http://code.almeros.com/water-ripple-canvas-and-javascript – Almer

@manu你可以下載並使用動畫效果在你自己的畫布上使用這個水效果！ – Almer

回答