캔버스 색칠 게임 코드

html5 캔버스 색칠 게임 코드는 어린이에게 적합한 교육용 색칠 게임입니다. 색상 블록을 선택하면 모델에 색상을 채울 수 있습니다. 다양한 모델 선택 컬러링 효과를 지원합니다.

함수 확장(O1,O2){
for(O2의 var i){
O1[i]=O2[i];
}
}
함수 각각(arr,f){
for(var i = 0;i<arr.length;i++){
         f.call(arr[i],i,arr[i]);
}
}
함수 dataInfo(Obj,x,y){
var c=document.createElement("캔버스");
var txt= c.getContext("2d");
c.width=Obj.img.width;
c.height=Obj.img.height;
txt.drawImage(Obj.img,0,0);
var data=txt.getImageData(x-1,y-1,3,3);
변수 번호=0;
for(var q=0;q<data.data.length;q+=4){
​ num+=data.data[q+3];
}
숫자=숫자/9;
ParseInt(num)을 반환합니다.
}
var HGAME=새 개체();
HGAME.event=new Object();//이벤트 객체
HGAME.event.clickBuffer=new Array();//이벤트가 추가될 노드 캐시 클릭 버퍼
HGAME.animate=함수(Obj){
var defaultObj={
시간:30,//애니메이션 간격
빈도:-1,//애니메이션 수 -1은 무제한을 의미합니다
Action:function(){},//애니메이션 각 프레임의 동작
lastAction:function(){}//마지막 애니메이션 실행이 완료되고 함수가 트리거됩니다
};
확장(defaultObj,Obj);
var oldTime=new Date();
var newTime=null;
This.time=defaultObj.time;
This.주파수=defaultObj.주파수;
This.action=defaultObj.action;
This.lastAction=defaultObj.lastAction;
This.stop=기능(){
​ ​ cancelAnimationFrame(this.INT_BUFFER);
};