mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-29 01:10:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

explode animation based on promises

Browse source
This commit is contained in:
Peter Cottle 2012-12-19 10:56:54 -08:00
parent 68ff9cebea
commit 9cb146462a
5 changed files with 174 additions and 1274 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/js/visuals/tree.js
View file

@ -750,14 +750,50 @@ var VisNode = VisBase.extend({
}, this);
},
finishAnimation: function() {
getExplodeStepFunc: function() {
var circle = this.get('circle');
// decide on a speed
var speedMag = 10;
var angle = Math.random() * 2 * Math.PI;
var speedMag = 20;
// aim upwards
var angle = Math.PI + Math.random() * 1 * Math.PI;
var gravity = 1 / 5;
var drag = 1 / 100;
var vx = speedMag * Math.cos(angle);
var vy = speedMap * Math.sin(angle);
var vy = speedMag * Math.sin(angle);
var x = circle.attr('cx');
var y = circle.attr('cy');
var maxWidth = this.gitVisuals.paper.width;
var maxHeight = this.gitVisuals.paper.height;
var elasticity = 0.8;
var dt = 1.0;
var stepFunc = function() {
// lol epic runge kutta here... not
vy += gravity * dt - drag * vy;
vx -= drag * vx;
x += vx * dt;
y += vy * dt;
if (x < 0 || x > maxWidth) {
vx = elasticity * -vx;
x = (x < 0) ? 0 : maxWidth;
}
if (y < 0 || y > maxHeight) {
vy = elasticity * -vy;
y = (y < 0) ? 0 : maxHeight;
}
circle.attr({
cx: x,
cy: y
});
// continuation calculation
return (vx * vx + vy * vy > 0.01) ? true : false;
};
return stepFunc;
},
genGraphics: function() {