大魚,大魚,看不出來可以直接復制
//大魚 API translate();rotate()旋轉.angle指旋轉的角度,順時針旋轉;Math.atan2(y,x);
var momObj = function(){
this.x ;//坐標
this.y ;
this.bigEye = new Image();//魚的眼睛
this.bigBody = new Image();//魚的身體
this.bigTail = new Image();//魚的尾巴
}
momObj.prototype.init = function(){
this.x = canWidth * 0.5;
this.y = canHeight ?* 0.5;
this.bigEye.src = "./src/bigEye0.png";
this.bigBody.src = "./src/bigSwim0.png";
this.bigTail.src = "./src/bigTail0.png";
}
momObj.prototype.draw = function(){
ctx1.save();
ctx1.translate(this.x,this.y);/*方法轉換畫布的用戶坐標系統。平移,將畫布的坐標原點向左右方向移動x,向上下方向移動y.canvas的默認位置是在(0,0)*/
ctx1.drawImage(this.bigEye,-this.bigEye.width*0.5,-this.bigEye.height*0.5);
ctx1.drawImage(this.bigBody,-this.bigBody.width*0.5,-this.bigBody.height*0.5);
ctx1.drawImage(this.bigTail,-this.bigTail.width*0.5+30,-this.bigTail.height*0.5);
ctx1.restore();
}
2017-07-19
方法要執行才可以