是否有javascript的水物理引擎？

Question

我想使用javascript和<canvas>制作一个演示，我想要做一个移动的小动物，从顶部看，在水环境中游泳。

概念“艺术”：

我可以使用什么来启动这个项目，还是需要从头开始创建所有内容？

Answer 1

这是一个演示 http://code.almeros.com/code-examples/water-effect-canvas/

Answer 2

http://rumpetroll.com/是开源的，可以根据需要进行修改。

Answer 3

我不确定你打算模拟到底是什么（或者我是否有概念艺术:)），但这可能是一个方向： processing.js不是物理引擎，而是javascript（利用画布）的图形库端口 - http://processingjs.org/。 但是，您可能会在他们的演示中发现与您要创建的内容类似的内容。

其中一个原始处理库示例使用粒子系统进行了良好的流体模拟，并且在process.js - http://processing.org/learning/topics/fluid.html上运行成功，但帧率非常差。您可以在http://processingjs.org/learning/ide自行尝试 - 只需复制并粘贴示例中的代码（并准备让您的计算机停止爬行）。

您可以尝试调整粒子数（pnum），提高速度，并使用其他变量。

Answer 4

抱歉，我不知道图书馆，但最近我确实在画布演示中看到了水物理学：

http://hakim.se/experiments/html5/wave/03/

也许你可以在那里得到一些灵感......你可以用像Box2DJS这样的普通JS物理库来完成它。

Answer 5

只是一个想法，但您可以搜索Java引擎，然后使用GWT将其编译为Javascript。