Je veux faire une démo à l'aide de JavaScript et
5 Réponses :
http://rumpetroll.com/ est open source et a le type de mouvement que vous pourriez probablement modifier pour faire Comme vous le souhaitez
Cela dépend de la façon dont vous le voulez de l'eau. Sur cette démo, vous pouvez voir des têtards nager. Par l'apparence de ces concepts qui sont ce que vous cherchez à faire
Juste une idée, mais vous pouvez rechercher un moteur Java puis utiliser GWT pour la compiler à JavaScript.
Désolé je ne connais pas une bibliothèque, mais j'ai vu une physique de l'eau dans la démo de toile récemment:
http://hakim.se/experiments/html5/wave/03/
Peut-être que vous pouvez obtenir une inspiration là-bas ... vous pourrez peut-être y accomplir une bibliothèque de physique JS normale comme Box2DJS.
La physique qu'elle est intéressée est assez différente de ce que vous faites. Votre animation est de côté, tandis que Hers serait une vue de dessus. De plus, votre physique de la démo est assez primitive et irréaliste, ce qui les rend peu susceptibles d'être utiles.
Je ne suis pas sûr de quoi avez-vous l'intention de simuler (ou si j'ai eu l'art conceptuel :)), mais cela pourrait être une direction: Traitement.js n'est pas un moteur de physique, mais plutôt un port de bibliothèque graphique à JavaScript (utilisation de toile) - http://processingingjs.org/ . Cependant, vous trouverez peut-être quelque chose dans leurs démos qui sont similiaires à ce que vous essayez de créer.
L'un des exemples de bibliothèque de traitement d'origine a une jolie simulation de fluide à l'aide d'un système de particules et conducteur sur le traitement.js - http://processing.org/learning/topics/fluid.html , mais le framerate est très pauvre. Vous pouvez l'essayer vous-même à http://processingjs.org/learning/ide - Copiez et collez le code de l'exemple (et préparez-vous à votre ordinateur pour ramper à une halte).
Vous pouvez essayer d'ajuster les numéros de particules (pnum), pour améliorer la vitesse et jouer avec d'autres variables.
Le petit critère déplace ses bras et il avance comme si les bras poussaient sur l'eau
Voici une démo http://code.almeros.com/code-examples/water-effect- Canvas /
Et il y a aussi un article de blog avec une explication sur l'effet: CODE.ALMEROS .com / Water-Ripple-Canvas-and-JavaScript
@manu Vous pouvez télécharger et utiliser cet effet d'eau sur votre propre toile avec des animations!
C'est génial concept art
Je pense que cela est probablement plus adapté aux langues non-web, à moins que vous ne conteniez que des framerates lents.
Merci Paul. J'ai mis de l'art dans des guillemets :)