标签:javascript   
《javascript-少儿编程》第14章在画布上让物体移动之球的动画

  1.70万      0

现在,我们可以编写代码让动画运行起来。这段代码创建了表示球的一个对象,并且使用setInterval调用针对每个动画步骤绘制和更新球的方法。...

阅读全文   中国少儿编程网        于 2017-05-07 22:56        javascript
《javascript-少儿编程》第14章在画布上让物体移动之弹跳球

  1.70万      0

在动画的每一个步骤中,我们检查球是否碰到一面墙。如果是的,通过将xSpeed属性或ySpeed属性取反(将其与-1相乘)而更新它们。例如,如果球碰到了底部的墙,将this.ySpeed是-3,取反后将...

阅读全文   中国少儿编程网        于 2017-05-03 11:13        javascript
《javascript-少儿编程》第14章在画布上让物体移动之绘制球

  1.75万      0

接下来,添加一个draw方法来绘制球。向Ball原型添加该方法,以便Ball构造方法创建的任何对象都能够使用它...

阅读全文   中国少儿编程网        于 2017-04-26 22:11        javascript
《javascript-少儿编程》第14章在画布上让物体移动之ball的构造方法

  1.73万      0

这个构造方法相当简单:它直接设置了球的开始位置(this.x和this.y)、球的水平速度(this.xSpeed)及其垂直速度(this.ySpeed)...

阅读全文   中国少儿编程网        于 2017-04-25 22:07        javascript
《javascript-少儿编程》第14章在画布上让物体移动之弹回一个球

  1.77万      0

现在,我们来制作在画布上弹跳的球,无论何时,当球碰到墙的时候,它都会以一个角度弹回,就像是一个橡皮球一样。...

阅读全文   中国少儿编程网        于 2017-04-24 22:41        javascript
《javascript-少儿编程》第14章在画布上让物体移动之实现蜜蜂动画

  1.79万      0

和通常一样,从var canvas和var ctx开始,获得绘制环境,接下来,创建了变量x和y,并且将其都设置为100.这会将蜜蜂的开始位置设置为点(100,100),从而将其放置到画布的中间...

阅读全文   中国少儿编程网        于 2017-04-19 14:13        javascript
《javascript-少儿编程》第14章在画布上让物体移动之更新蜜蜂的位置

  1.86万      0

我们创建了一个update函数,来随机地修改蜜蜂的x和y坐标,以随机地移动蜜蜂的x坐标和y坐标,表现出它好象在画布上嗡嗡地飞的样子。...

阅读全文   中国少儿编程网        于 2017-04-17 22:27        javascript
《javascript-少儿编程》第14章在画布上让物体移动之绘制蜜蜂

  1.83万      0

接下来,用圆来绘制蜜蜂的翅膀。第一个翅膀是一个圆,其圆心位于表示身体的圆的圆心左边5像素和上方11像素的位置,半径为5像素。第二个翅膀也一样,只不过其圆心位于表示身体的圆的圆心右侧5像素的位置...

阅读全文   中国少儿编程网        于 2017-04-15 21:55        javascript
《javascript-少儿编程》第14章在画布上让物体移动之随机飞舞的蜜蜂

  1.83万      0

现在我们知道了如何在屏幕上移动和增大对象,接下来让我们尝试一些有趣的东西。让我们制作一个在画布上随机飞舞的蜜蜂! ...

阅读全文   中国少儿编程网        于 2017-04-13 22:32        javascript
《javascript-少儿编程》第14章在画布上让物体移动之对方块的大小实现动画

  1.87万      0

需要对前一小节的代码做3个更改,我们就可以创建一个方块让其逐渐变大而不是移动。...

阅读全文   中国少儿编程网        于 2017-04-12 20:26        javascript
中国少儿编程网