11

javascriptを使ってデモを作りたいのですが<canvas>、上から見た小さな動く生き物を水環境で泳ぐことを考えていました。

コンセプトアート" ： ここに画像の説明を入力してください

このプロジェクトを開始するために使用できるものはありますか、それともすべてを最初から作成する必要がありますか？

4

5 に答える 5

2

ここに1つのデモがあり ます 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/ . ただし、作成しようとしているものに似たものをデモで見つけることができます。

元の処理ライブラリの例の 1 つには、パーティクル システムを使用した優れた流体シミュレーションがあり、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 に答える