docker/pacman
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated 游戏引擎动画函数优化

Browse Source
This commit is contained in:
mumuy 2016-04-20 14:58:12 +08:00
parent dd657d97c8
commit 35d89365ae
1 changed files with 37 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
game.js
View File

@ -2,6 +2,33 @@
/* /*
* 小型游戏引擎 * 小型游戏引擎
*/ */
//动画处理
(function() {
var lastTime = 0;
var vendors = ['webkit', 'moz'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame =
window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
}
if (!window.requestAnimationFrame){
window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
timeToCall);
lastTime = currTime + timeToCall;
return id;
};
}
if (!window.cancelAnimationFrame){
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}
}());
function Game(id,params){ function Game(id,params){
var _ = this; var _ = this;
params = params||{}; params = params||{};
@ -277,7 +304,7 @@ function Game(id,params){
}; };
//动画开始 //动画开始
this.start = function() { this.start = function() {
var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame ||window.mozRequestAnimationFrame ||window.msRequestAnimationFrame; // var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame ||window.mozRequestAnimationFrame ||window.msRequestAnimationFrame;
var f = 0; //帧数计算 var f = 0; //帧数计算
var fn = function(){ var fn = function(){
var stage = _stages[_index]; var stage = _stages[_index];
@ -317,7 +344,7 @@ function Game(id,params){
}; };
//动画结束 //动画结束
this.stop = function(){ this.stop = function(){
var cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame ||window.msCancelAnimationFrame; // var cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame ||window.msCancelAnimationFrame;
_hander&&cancelAnimationFrame(_hander); _hander&&cancelAnimationFrame(_hander);
}; };
//事件坐标 //事件坐标