中国少儿编程网

 分类:kids javascript  

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

《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置结束游戏

  1266      0      0

当贪吃蛇碰到墙壁或者碰到自己的身体的时候,我们将调用gameOver函数来结束游戏。gameOver函数使用clearInterval来停止游戏,并且在画布上显示文本”Game Over”。...

阅读全文   中国少儿编程网        于 2017-07-18 21:48        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置编写drawScore

  1507      0      0

现在,继续前进并编写drawScore函数,它绘制了一个字符串,以便在画布上显示当前分数。...

阅读全文   中国少儿编程网        于 2017-07-16 21:42        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置大小和字体

  1555      0      0

可以通过绘制环境的font属性来更改文本的大小和字体,Font属性接受一个字符串,其中包含了想要使用的字体的大小和名称...

阅读全文   中国少儿编程网        于 2017-07-13 20:32        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置文本基线

  1620      0      0

确定文本出现在什么地方的坐标位置叫作基线(baseline)。默认情况下,文本的左下角与基线点对齐,以便文本出现在基线点的右上方。...

阅读全文   中国少儿编程网        于 2017-07-12 20:32        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分显示分数

  1531      0      0

现在来编写drawScore函数,以便在画布的左上角显示分数,如图16-1所示。该函数使用fillText环境方法为画布添加文本。fillText方法接收一个文本字符串,以及想要显示文本的位置的X和y...

阅读全文   中国少儿编程网        于 2017-07-11 20:37        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分绘制边框

  2457      0      0

接下来,创建一个draw Border函数来绘制围绕画布的边框。将这个边框设置为1个块(10像素)那么宽。该函数将绘制4个长的、窄长的矩形,每个矩形用作边框的一边。每个矩形都将是blockSize(1...

阅读全文   中国少儿编程网        于 2017-07-03 22:09        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分定义score变量

  2337      0      0

使用score变量来记录玩家的分数。程序刚开始,将score设置为0,每次贪吃蛇吃掉一个苹果的时候,将score增加1....

阅读全文   中国少儿编程网        于 2017-07-01 23:00        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分将画布划分为块

  2670      0      0

接下来,我们创建了变量来帮助自己将画布当作是10像素x 10像素的块的一个网格,如图16-2所示。尽管这个网格是不可见的(也就是说,游戏实际上并不会显示它),游戏中的一切都将以与它对齐的方式来绘制。...

阅读全文   中国少儿编程网        于 2017-06-28 19:23        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分定义变量

  2490      0      0

首先,定义了canvas和ctx变量,它们将允许我们在画布上绘制,此外还有width和height变量,以获取canvas元素的宽度和高度。...

阅读全文   中国少儿编程网        于 2017-06-27 22:16        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分创建html

  2612      0      0

开始编写游戏代码snake.html,创建canvas元素,包含jQuery库,准备编写控制游戏的JavaScript代码...

阅读全文   中国少儿编程网        于 2017-06-26 23:05        javascript
1 2 3 4 5 6 7 8 9 10 11 22
中国少儿编程网