Comment créer un effet de la gravité avec le Javascript?
Google gravité et la gravité de script sont deux belles démonstrations.
mais pas de code source ou des tutoriels sont disponibles. et l'original de la JS fichiers sont très gros.
Comment puis-je créer un effet de la Gravité avec le Drag & drop(spécialement d'être "Jeter en mesure" et "rotatif" comme google gravité) sur un certain élément?
En regardant votre deuxième lien, le code est absolument à disposition, c'est à gravityscript.googlecode.com/svn/trunk/gravityscript.js. C'est gros, mais c'est parce qu'il comprend plusieurs bibliothèques, dont jQuery et Box2D. Au-delà, c'est en fait assez lisible. Il suffit de sauter sauter devant les gros blocs de minifiés JS à la réalité de code mis en forme.
En fait, si vous regardez la src code de la gravité de script code.google.com/p/gravityscript/source/browse/trunk/..., seul le jQuery src code est occulté, mais le code de la gravité n'est pas. Il ne devrait pas être difficile à trouver.
Similaire à stackoverflow.com/questions/2185850/...
Il est facile de construire une de la Gravité. mais Ce que j'ai besoin de plus, c'est l'algorithme qui est utilisé pour faire des "google gravity" Éléments "Jeter". ce n'est pas seulement le déplacement et de la relâcher. Il est également "rotatif" ce qui est très important.
La rotative semble être (à partir de la lecture) en traitant les souris comme un point de pivot, que vous êtes le tenant par (avec une certaine quantité de frottement). L ' "algorithme", alors connu comme la mécanique Newtonienne.
En fait, si vous regardez la src code de la gravité de script code.google.com/p/gravityscript/source/browse/trunk/..., seul le jQuery src code est occulté, mais le code de la gravité n'est pas. Il ne devrait pas être difficile à trouver.
Similaire à stackoverflow.com/questions/2185850/...
Il est facile de construire une de la Gravité. mais Ce que j'ai besoin de plus, c'est l'algorithme qui est utilisé pour faire des "google gravity" Éléments "Jeter". ce n'est pas seulement le déplacement et de la relâcher. Il est également "rotatif" ce qui est très important.
La rotative semble être (à partir de la lecture) en traitant les souris comme un point de pivot, que vous êtes le tenant par (avec une certaine quantité de frottement). L ' "algorithme", alors connu comme la mécanique Newtonienne.
OriginalL'auteur Towhid | 2012-01-11
Vous devez vous connecter pour publier un commentaire.
Vous souhaitez commencer avec un moteur physique, un Google utilise la Gravité est Box2Djs qui est un code javascript port de Box2D. Vous pouvez lire le manuel de Box2D pour apprendre à l'utiliser, bien que le manuel lui-même indique que vous aurez une petite idée de ce que vous faites sans une certaine connaissance de la physique de corps rigide (la force, l'impulsion, le couple, etc), bien que ces exemples peuvent vous aider à obtenir commencé.
Si vous voulez écrire le moteur physique de vous-même, vous avez au moins à mettre en œuvre en 2D dynamique des corps rigides et de détection de collision pour qu'il regarde comme les exemples que vous avez donné. Un tutoriel pour faire ça serait appelé à une simulation par ordinateur de la classe et en algèbre linéaire et en physique, j'ai préalable, ce n'est pas une tâche triviale.
Par la suite, vous aurez à apprendre à propos de javascript techniques d'animation. Je recommande d'apprendre à propos de
window.requestAnimationFrame
. À l'aide desetInterval(stepFunction, time)
fonctionne, mais ça ne sera pas aussi efficace qu'elle pourrait l'être dans les navigateurs modernes.OriginalL'auteur nwellcome
Regarder un ce jquery plugin sur github JQuery.throwable
il suffit de ne
$("Selector").throwable()
et l'objet sera sous gravitéOriginalL'auteur benahm