2011-06-20 13 views
11

Quiero hacer una demostración usando javascript y <canvas>, estaba pensando en hacer una pequeña criatura en movimiento, vista desde la parte superior y nadando en un entorno acuático.¿Hay un motor de física del agua para javascript?

concepto "arte": enter image description here

¿Hay algo que pueda usar para iniciar este proyecto, o tengo que crear todo desde cero?

+13

Ese es el concepto de arte impresionante –

+2

Creo que esto es probablemente más adecuado para idiomas que no sean web, a menos que esté satisfecho con una tasa de fotogramas lentos. – Bojangles

+2

gracias Paul. Puse el arte entre comillas :) – Manu

Respuesta

1

http://rumpetroll.com/ es de código abierto y tiene el tipo de movimiento que probablemente se podría modificar para hacer lo que quería

+0

No veo los efectos del agua en google chrome. – Raynos

+0

Depende de la cantidad de agua que desee. En esa demostración puedes ver renacuajos nadando. Por la apariencia de esos conceptos, eso es lo que estás buscando hacer – Alex

-1

Sólo una idea, pero se puede buscar un motor de Java y luego usar GWT compilarlo a Javascript.

0

Lo siento, no sé de una biblioteca, pero también vi la física del agua en tela de demostración recientemente:

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

Tal vez usted puede obtener algo de inspiración allí ... usted podría ser capaz de lograrlo con una biblioteca de física JS normal como Box2DJS.

+0

La física que le interesa es bastante diferente de lo que estás haciendo. Tu animación es desde un lado, mientras que la de ella sería una vista superior. Además, tu física en la demostración es bastante primitiva y poco realista, lo que hace que no sea útil. – dionyziz

1

No estoy seguro de qué es exactamente lo que pretendes simular (o si obtuve el arte conceptual :)), pero esta podría ser una dirección: processing.js no es un motor de física, sino una biblioteca de gráficos puerto a javascript (utilizando lienzo) - http://processingjs.org/. Sin embargo, puede encontrar algo en sus demostraciones que sea similar a lo que intenta crear.

Uno de los ejemplos de la biblioteca de procesamiento original tiene una buena simulación de fluido usando un sistema de partículas, y se ejecuta con éxito en processing.js - http://processing.org/learning/topics/fluid.html, sin embargo, la velocidad de fotogramas es muy pobre. Puede intentarlo usted mismo al http://processingjs.org/learning/ide - solo copie & pegue el código del ejemplo (y prepárese para que su computadora se detenga por completo).

Puede intentar ajustar los números de partículas (pnum), para mejorar la velocidad y jugar con otras variables.

+0

la pequeña criatura mueve sus brazos, y avanza como si los brazos estuvieran empujando sobre el agua – Manu

+0

enlaces interesantes, gracias – Manu

Cuestiones relacionadas