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

light refactoring download animate was lame actually

Browse source
This commit is contained in:
Peter Cottle 2013-07-28 17:03:06 -07:00
parent 0aadae766f
commit 542d68a975
3 changed files with 112 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/js/visuals/animation/index.js
View file

@ -110,6 +110,7 @@ var PromiseAnimation = Backbone.Model.extend({
throw new Error('need closure or animation');
}
this.set('closure', options.closure || options.animation);
this.set('duration', options.duration || this.get('duration'));
this.set('deferred', options.deferred || Q.defer());
},

30
src/js/visuals/visNode.js
View file

@ -130,6 +130,16 @@ var VisNode = VisBase.extend({
};
},
animatePositionTo: function(visNode, speed, easing) {
var attributes = this.getAttributes();
var destAttributes = visNode.getAttributes();
// TODO make not hardcoded
attributes.circle = destAttributes.circle;
attributes.text = destAttributes.text;
this.animateToAttr(attributes, speed, easing);
},
highlightTo: function(visObj, speed, easing) {
// a small function to highlight the color of a node for demonstration purposes
var color = visObj.get('fill');
@ -409,19 +419,25 @@ var VisNode = VisBase.extend({
return stepFunc;
},
genGraphics: function() {
var paper = this.gitVisuals.paper;
makeCircle: function(paper) {
var pos = this.getScreenCoords();
var textPos = this.getTextScreenCoords();
var circle = paper.circle(
return paper.circle(
pos.x,
pos.y,
this.getRadius()
).attr(this.getAttributes().circle);
},
makeText: function(paper) {
var textPos = this.getTextScreenCoords();
return paper.text(textPos.x, textPos.y, String(this.get('id')));
},
genGraphics: function() {
var paper = this.gitVisuals.paper;
var circle = this.makeCircle(paper);
var text = this.makeText(paper);
var text = paper.text(textPos.x, textPos.y, String(this.get('id')));
text.attr({
'font-size': this.getFontSize(this.get('id')),
'font-weight': 'bold',