创建一个Ball的构造方法,使用这个构造方法来创建移动的球对象。我们采用与14章相同的方法来移动这个球,也就是说,使用xSpeed和ySpeed属性来控制球的水平速度和垂直速度。在circle函数的后面添加如下代码

var Ball = function () {

    this.x = width / 2;

    this.y = height / 2;

    this.xSpeed = 5;

    this.ySpeed = 0;

};

  将x,y的值分别设置为width/2,height/2。以便让球从画布的中央开始移动。将this.xSpeed设置为5,this.ySpeed设置为0,这表示球在动画中将向右移动(就是每一步动画x位置都会增加5像素,y坐标保持不变。)

本站内容未经许可,禁止任何网站及个人进行转载。