Mercurial > MadButterfly
changeset 806:bf54c0408d35
Use wall time to compute percentage of an animation action
author | Thinker K.F. Li <thinker@codemud.net> |
---|---|
date | Wed, 01 Sep 2010 18:03:45 +0800 |
parents | ae2faf140dc2 |
children | 5723e5446b7c |
files | nodejs/animate.js |
diffstat | 1 files changed, 8 insertions(+), 25 deletions(-) [+] |
line wrap: on
line diff
--- a/nodejs/animate.js Wed Sep 01 16:28:09 2010 +0800 +++ b/nodejs/animate.js Wed Sep 01 18:03:45 2010 +0800 @@ -8,31 +8,21 @@ */ var ffs = 20; var frame_interval = 1000 / ffs; -var tm_flag = 1; function linear_draw() { var percent; - this.percent = this.percent + this.step; - percent = this.percent; - if (percent > 1) percent = 1; + percent = (Date.now() - this._start_tm) / this.duration; + if(percent >= 1) { + percent = 1; - this.c++; - if(percent >= 1) { this.obj.timer.stop(); delete this.obj.timer; - sys.puts(this.c); - sys.puts(Date.now() - this._start_tm); } this.obj[2] = (this.targetx-this.startposx)*percent+this.startposx; this.obj[5] = (this.targety-this.startposy)*percent+this.startposy; this.app.refresh(); - if(tm_flag) { - var self = this; - if(percent < 1) - this.obj.timer = setTimeout(function() { self.draw(); }, frame_interval); - } } function linear_draw_start() { @@ -44,14 +34,8 @@ this.startposx = obj[2]; this.startposy = obj[5]; - this.c = 0; - this.step = 1000 / (this.duration * ffs); - this.percent = 0; this._start_tm = Date.now(); - if(tm_flag == 1) - obj.timer = setTimeout(function() { self.draw(); }, frame_interval); - else - obj.timer = setInterval(function() { self.draw(); }, frame_interval); + obj.timer = setInterval(function() { self.draw(); }, frame_interval); } function linear(app,obj,shiftx,shifty,duration) { @@ -73,16 +57,15 @@ this._app = app; this._obj = obj; this._ang = ang; - this._duration = duration; + this._duration = duration * 1000; } function rotate_start() { var obj = this._obj; var self = this; - this._step = 1 / (ffs * this._duration); - this._percent = 0; this._start_mtx = [obj[0], obj[1], obj[2], obj[3], obj[4], obj[5]]; + this._start_tm = Date.now(); obj.timer = setInterval(function() { self.draw(); }, frame_interval); } @@ -93,8 +76,8 @@ var obj = this._obj; var mtx, shift; - this._percent = percent = this._percent + this._step; - if(percent > 1) { + percent = (Date.now() - this._start_tm) / this._duration; + if(percent >= 1) { percent = 1; obj.timer.stop(); }