中国少儿编程网

 分类:kids javascript  

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

《javascript-少儿编程》第15章用键盘控制动画之键盘事件

  8389      0      0

在本章中,你将学习当用户按下键盘的一个键的时候,如何让画布动画做出响应。通过这种方式,玩家可以按下键盘上的一个箭头键或者指定的几个字母之一(例如,经典的W、A、S、D游戏控制键)来控制一个动画。例如,...

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

  8627      0      0

基本本章中的弹跳的球,按照以下方式继续构建。 在一个较大的画布上弹跳球 随机产生this.xSpeed和this.ySpeed 实现多个球的动画 给球上色...

阅读全文   中国少儿编程网        于 2017-05-09 21:32        javascript
《javascript-少儿编程》第14章在画布上让物体移动之本章小结

  8431      0      0

在本章中,我们将第11章的动画的知识和canvas元素的知识组合起来,来创建各种基于canvas的动画。首先,简单地在画布上移动方块并改变其大小。接下来,我们制作了在屏幕上随机地嗡嗡飞舞的一只蜜蜂,最...

阅读全文   中国少儿编程网        于 2017-05-08 21:50        javascript
《javascript-少儿编程》第14章在画布上让物体移动之球的动画

  8737      0      0

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

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

  8905      0      0

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

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

  9214      0      0

要移动球,必须根据当前的速度来更新x和y属性。我们将使用如下的move方法来做到这一点...

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

  9218      0      0

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

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

  8989      0      0

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

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

  9350      0      0

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

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

  9641      0      0

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

阅读全文   中国少儿编程网        于 2017-04-19 14:13        javascript
1 2 3 4 5 6 7 8 9 10 11 23
中国少儿编程网