HTML5游戲框架cnGameJS開(kāi)發(fā)實(shí)錄-核心函數(shù)模塊篇的代碼實(shí)例

(function(win,undefined){//最大的閉包

var fun1=function(){//各模塊公用的方法
}

//這里放各個(gè)小模塊，它們有各自的閉包

}(window,undefined)

/**
 *生成命名空間,并執(zhí)行相應(yīng)操作
 **/
 register:function(nameSpace,func){
 var nsArr=nameSpace.split(".");
 var parent=win;
 for(var i=0,len=nsArr.length;i<len;i++){
 (typeof parent[nsArr[i]]=='undefined')&&(parent[nsArr[i]]={});
 parent=parent[nsArr[i]];
 }
 if(func){
 func.call(parent,this); 
 }
 return parent;
 }

cnGame.register("cnGame.core",function(){this.func=function(){}});

(function(win,undefined){

var cnGame={
 register:function(nameSpace,handler){

 }
}

/*core模塊*/
cnGame.register("core",function(){
 //添加該模塊內(nèi)容
})

/*input模塊*/
cnGame.register("input",function(){
 //添加該模塊內(nèi)容
})

win["cnGame"]=cnGame;


})(window,undefined);

/**
 *初始化
 **/
 init:function(id,options){
 options=options||{};
 this.canvas = this.core.$(id||"canvas"); 
 this.context = this.canvas.getContext('2d');
 this.width = options.width||800;
 this.height = options.height||600;
 this.title = this.core.$$('title')[0];
 canvasPos=getCanvasPos(this.canvas);
 this.x=canvasPos[0]||0;
 this.y=canvasPos[1]||0;
 this.canvas.width=this.width;
 this.canvas.height=this.height;
 this.canvas.style.left=this.x +"px";
 this.canvas.style.top=this.y +"px";
 
 },

/**
 *獲取canvas在頁(yè)面的位置
 **/ 
 var getCanvasPos=function(canvas){
 var left = 0;
 var top = 0;
 while (canvas.offsetParent) {
 left += canvas.offsetLeft;
 top += canvas.offsetTop;
 canvas = canvas.offsetParent;

 }
 return [left, top];

 }

/**
 事件綁定
 **/
 this.bindHandler=(function(){
 
 if(window.addEventListener){
 return function(elem,type,handler){
 elem.addEventListener(type,handler,false);
 
 }
 }
 else if(window.attachEvent){
 return function(elem,type,handler){
 elem.attachEvent("on"+type,handler);
 }
 }
 })();

/**
 *
 *基本工具函數(shù)模塊
 *
**/
cnGame.register("cnGame.core",function(cg){
 /**
 按id獲取元素
 **/
 this.$=function(id){
 return document.getElementById(id); 
 };
 /**
 按標(biāo)簽名獲取元素
 **/
 this.$$=function(tagName,parent){
 parent=parent||document;
 return parent.getElementsByTagName(tagName); 
 };
 /**
 按類(lèi)名獲取元素
 **/
 this.$Class=function(className,parent){
 var arr=[],result=[];
 parent=parent||document;
 arr=this.$$("*");
 for(var i=0,len=arr.length;i<len;i++){
 if((" "+arr[i].className+" ").indexOf(" "+className+" ")>0){
 result.push(arr[i]);
 }
 }
 return result; 
 };
 /**
 事件綁定
 **/
 this.bindHandler=(function(){
 
 if(window.addEventListener){
 return function(elem,type,handler){
 elem.addEventListener(type,handler,false);
 
 }
 }
 else if(window.attachEvent){
 return function(elem,type,handler){
 elem.attachEvent("on"+type,handler);
 }
 }
 })();
 /**
 事件解除
 **/
 this.removeHandler=(function(){
 if(window.removeEventListerner){
 return function(elem,type,handler){
 elem.removeEventListerner(type,handler,false);
 
 }
 }
 else if(window.detachEvent){
 return function(elem,type,handler){
 elem.detachEvent("on"+type,handler);
 }
 }
 })();
 /**
 獲取事件對(duì)象
 **/
 this.getEventObj=function(eve){
 return eve||win.event;
 };
 /**
 獲取事件目標(biāo)對(duì)象
 **/
 this.getEventTarget=function(eve){
 var eve=this.getEventObj(eve);
 return eve.target||eve.srcElement;
 };
 /**
 禁止默認(rèn)行為
 **/
 this.preventDefault=function(eve){
 if(eve.preventDefault){
 eve.preventDefault();
 }
 else{
 eve.returnValue=false;
 }
 
 };
 /**
 獲取對(duì)象計(jì)算的樣式
 **/
 this.getComputerStyle=(function(){
 var body=document.body;
 if(body.currentStyle){
 return function(elem){
 return elem.currentStyle;
 }
 }
 else if(document.defaultView.getComputedStyle){
 return function(elem){
 return document.defaultView.getComputedStyle(elem, null); 
 }
 }
 
 })();
 /**
 是否為undefined
 **/
 this.isUndefined=function(elem){
 return typeof elem==='undefined';
 },
 /**
 是否為數(shù)組
 **/
 this.isArray=function(elem){
 return Object.prototype.toString.call(elem)==="[object Array]";
 };
 /**
 是否為Object類(lèi)型
 **/
 this.isObject=function(elem){
 return elem===Object(elem);
 };
 /**
 是否為字符串類(lèi)型
 **/
 this.isString=function(elem){
 return Object.prototype.toString.call(elem)==="[object String]";
 };
 /**
 是否為數(shù)值類(lèi)型
 **/
 this.isNum=function(elem){
 return Object.prototype.toString.call(elem)==="[object Number]";
 };
 /**
 *復(fù)制對(duì)象屬性
 **/
 this.extend=function(destination,source,isCover){
 var isUndefined=this.isUndefined;
 (isUndefined(isCover))&&(isCover=true);
 for(var name in source){
 if(isCover||isUndefined(destination[name])){
 destination[name]=source[name];
 }
 
 }
 return destination;
 };
 /**
 *原型繼承對(duì)象
 **/
 this.inherit=function(child,parent){
 var func=function(){};
 func.prototype=parent.prototype;
 child.prototype=new func();
 child.prototype.constructor=child;
 child.prototype.parent=parent;
 };
 
});