11

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

概念艺术” ： 在此处输入图像描述

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

4

5 回答 5

2

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

于 2011-08-02T21:38:27.480 回答
1

http://rumpetroll.com/是开源的，并且具有您可以修改以随心所欲地进行的运动

于 2011-06-20T13:46:00.430 回答
1

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

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

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

于 2011-06-23T19:07:32.497 回答
0

Sorry I don't know of a library, but I did see a water physics in canvas demo recently:

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

Maybe you can get some inspiration there...you might be able to accomplish it with a normal JS physics library like Box2DJS.

于 2011-06-20T13:53:46.500 回答
-2

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

于 2011-06-20T13:48:38.223 回答