大鱼,大鱼,看不出来可以直接复制

来源:2-7 大鱼绘制

情积雪

2017-07-19 10:37

//大鱼 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();

}


写回答 关注

1回答

  • 情积雪
    2017-07-19 10:38:00

    方法要执行才可以

HTML5小游戏---爱心鱼(上)

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

92350 学习 · 551 问题

查看课程

相似问题