少儿编程网

14.4.1 Ball构造方法

首先，创建Ball构造方法，它将用于创建弹跳的球。在ball.html中的标签中，输入如下的代码：

var Ball = function () {

               this.x = 100;

               this.y = 100;

               this.xSpeed = -2;

               this.ySpeed = 3;

};

这个构造方法相当简单：它直接设置了球的开始位置（this.x和this.y）、球的水平速度（this.xSpeed）及其垂直速度（this.ySpeed）。我们将开始位置设置在（100，100），这是200像素x200像素的画布的中心。

this.xSpeed设置为-2.这将会在动画的每一步中将球向左移动2个像素。this.ySpeed设置为3.这使得球在每一个动画步骤中向下移动3个像素。因此，在每一帧之间，球将会斜着向下移动（3个像素）并向左移动（2个像素）。

上图展示了球的开始位置及其移动的方向。

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