Mercurial > MadButterfly

comparison nodejs/examples/mce/mainmenu.js @ 1047:4072a302b207

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fine tune the animation effect
author wycc
date Tue, 23 Nov 2010 23:54:38 +0800
parents 8c2862e40c28
children eb3719020866
comparison
equal deleted inserted replaced
1035:18329b6f77a4 1047:4072a302b207
62 var target = this.items[this.item]; 62 var target = this.items[this.item];
63 63
64 old.bbox.update(); 64 old.bbox.update();
65 target.bbox.update(); 65 target.bbox.update();
66 66
67 var an = new animate.scale(this.app, old, 1, 1); 67 var an = new animate.scale(this.app, old, 1/1.1, 1/1.5);
68 animate.run([an], 0, 0.1); 68 animate.run([an], 0, 0.1);
69 an = new animate.scale(this.app, target, 1, 1.5); 69 an = new animate.scale(this.app, target, 1.1, 1.5);
70 animate.run([an], 0, 0.3); 70 animate.run([an], 0, 0.3);
71 var sx = target.center.x - this.lightbar.center.x; 71 var sx = target.center.x - this.lightbar.center.x;
72 var an = new animate.shift(this.app, this.lightbar, sx, 0); 72 var an = new animate.shift(this.app, this.lightbar, sx, 0);
73 animate.run([an], 0, 0.3); 73 animate.run([an], 0, 0.3);
74 } 74 }
85 var target = this.items[this.item]; 85 var target = this.items[this.item];
86 86
87 old.bbox.update(); 87 old.bbox.update();
88 target.bbox.update(); 88 target.bbox.update();
89 89
90 var an = new animate.scale(this.app, old, 1, 1); 90 var an = new animate.scale(this.app, old, 1/1.1, 1/1.5);
91 animate.run([an], 0, 0.1); 91 animate.run([an], 0, 0.1);
92 an = new animate.scale(this.app, target, 1, 1.5); 92 an = new animate.scale(this.app, target, 1.1, 1.5);
93 animate.run([an], 0, 0.3); 93 animate.run([an], 0, 0.3);
94 var sx = target.center.x - this.lightbar.center.x; 94 var sx = target.center.x - this.lightbar.center.x;
95 var an = new animate.shift(this.app, this.lightbar, sx, 0); 95 var an = new animate.shift(this.app, this.lightbar, sx, 0);
96 animate.run([an], 0, 0.3); 96 animate.run([an], 0, 0.3);
97 } 97 }
130 var target = this.items[this.item]; 130 var target = this.items[this.item];
131 var sx = 500 - target.center.x; 131 var sx = 500 - target.center.x;
132 var sy = 220 - target.center.y; 132 var sy = 220 - target.center.y;
133 var an = new animate.shift(this.app,target,sx,sy); 133 var an = new animate.shift(this.app,target,sx,sy);
134 var self = this; 134 var self = this;
135 animate.run([an],0,1,function() {self.changePage();}); 135 animate.run([an],0,2.5,function() {self.changePage();});
136 for(i=0;i<this.items.length;i++) { 136 for(i=0;i<this.items.length;i++) {
137 if (i == this.item) continue; 137 if (i == this.item) continue;
138 var x = Math.random(); 138 if (i > this.item) {
139 var y = Math.random(); 139 sx = 1920*2 - this.items[i].center.x;
140 if (x > 0.5) x = 900; 140 sy = 0;
141 else x = -500; 141 } else {
142 if (y > 0.5) y = 900; 142 sx = -this.items[i].center.x*2;
143 else y = -500; 143 sy = 0;
144 sx = x - this.items[i].center.x; 144 }
145 sy = y - this.items[i].center.y;
146 an = new animate.shift(this.app,this.items[i], sx, sy); 145 an = new animate.shift(this.app,this.items[i], sx, sy);
147 animate.run([an], 0, 2); 146 animate.run([an], 0, 2);
148 alpha = new animate.alpha(this.app,this.items[i], 0); 147 alpha = new animate.alpha(this.app,this.items[i], 0);
149 animate.run([an], 0, 1); 148 animate.run([an], 0, 2);
150 } 149 }
151 } 150 }
152 151
153 MainMenu.prototype.changePage=function() { 152 MainMenu.prototype.changePage=function() {
154 this.app.changeScene(2); 153 this.app.changeScene(2);