您的位置: 主页>机器人编程>Javascript编程>《javascript-少儿编程》第14章在画布上让物体移动
加盟酷吧机器人 培养孩子核心能力

《javascript-少儿编程》第14章在画布上让物体移动

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个像素)。

《javascript-少儿编程》第14章在画布上让物体移动之ball的构造方法

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

欧美思机器人教育加盟 赚钱好项目
上一篇:《javascript-少儿编程》第14章在画布上让物体移动
下一篇:《javascript-少儿编程》第14章在画布上让物体移动
您可能喜欢
回到顶部