少儿编程网

  9.51万      0

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

  9.60万      0

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

  9.59万      0

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

  9.63万      0

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

  9.70万      0

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

  9.59万      0

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

  9.66万      0

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

  9.65万      0

当在浏览器中加载该页面的时候，setInterval将每30毫秒把所提供的函数调用一次，或者说一秒钟调用33次左右（时间间隔是通过❺处的setInterval的第2个参数来设置的）...

  9.64万      0

接下来，在❸处，使用position++，将position增加1.然后，在❹处，通过检查if(position>200)，确保了position不会比200大。将其重置为0....

  9.71万      0

一旦清除了画布，在❷处，使用ctx.clearRect（position,0,20,20）在（position,0）这一点绘制一个20像素的方形。...