标签:javascript   
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置编写drawScore

  9.06万      0

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

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

  9.00万      0

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

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

  9.04万      0

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

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

  8.90万      0

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

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

  9.13万      0

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

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

  9.20万      0

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

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

  9.17万      0

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

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

  9.09万      0

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

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

  9.19万      0

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

阅读全文   少儿编程网        于 2017-06-26 23:05        javascript
《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分之游戏设置

  9.14万      0

现在,来整体看看游戏如何工作,让我们来编写一些代码。在本章中,我们首先设置HTML、画布以及整个游戏中所需的一些变量。然后,来处理游戏所需的几个较为简单的函数,包括绘制游戏板边框的函数,在屏幕上绘制分...

阅读全文   少儿编程网        于 2017-06-20 21:55        javascript
1 2 3 4 5 6 7 8 9 10 11 23
少儿编程网