《HTML5 2D游戏编程核心技术》——第1章,第1.6节本书中使用的JavaScript

1.6 本书中使用的JavaScript

正如前言中讨论的那样,熟悉JavaScript是学习本书的先决条件。然而,JavaScript是一门灵活的、动态的语言,因此使用的方式有很多。本节的目的是向你展示本书是如何使用JavaScript的,而不是教会你关于这门语言的所有内容。为了掌握本书中的大部分知识,你必须了解接下来要读到的信息,但如果你已经掌握了相关内容,可以跳过本节。
本书定义了若干JavaScript对象,这些对象是通过一些传统的语言,例如C++或者Java来实现类的。这些对象包括游戏本身(Snail Bait游戏和Bodega’s Revenge游戏)到它们所包含的对象,例如sprite对象以及sprite对象行为。我们通过构造函数和原型来定义JavaScript对象,程序清单1.6是修剪过的Snail Bait对象的列表。

在本书中,JavaScript对象通过JavaScript的new函数进行实例化,如程序清单1.7所示。
程序清单1.7 实例化JavaScript对象

createSnailSprites()函数,我们称其为方法,因为它在一个对象里创建了一个sprite对象的artist对象表单,一个sprite对象以及一个CycleBehavior实例。这个循环行为在一个行为数组里,createSnailSprites()函数会将这个数组传递给Sprite构造器。
本书在定义JavaScript对象时使用了JSON格式,如程序清单1.8所示。
程序清单1.8 使用JSON格式定义JavaScript对象

最后,本书中的JavaScript代码紧密贴合Douglas Crockford所著图书《JavaScript:The Good Parts》中的部分观点。另外本书中的代码也遵循该书所述的代码风格。
本书中省略号的使用
本书中列出的大部分代码都省略了一些不相关的代码片段。这些不相关的片段使用省略号(...)来代替。这样你就可以判断出代码是不完整还是完整的了。

时间: 2024-10-01 15:34:06

《HTML5 2D游戏编程核心技术》——第1章,第1.6节本书中使用的JavaScript的相关文章

《HTML5 2D游戏编程核心技术》——第1章,第1.1节Snail Bait游戏

本节书摘来自华章出版社<HTML5 2D游戏编程核心技术>一书中的第1章,第1.1节,作者[美] 戴维·吉尔里,更多章节内容可以访问"华章计算机"公众号查看. 第1章 概 述 令人激动的是,开发人员可以使用软件开发技术使屏幕上出现任何想象的场景.与其他领域受一些物理条件的束缚不同,开发人员长期以来一直使用图形化API和UI工具包来实现富有创造性且引人注目的应用程序.可以说,最有创意的软件开发就是游戏编程.比起让游戏愿景变成现实,优秀的创意还可使我们通过少许努力便获得更多的回

《HTML5 2D游戏编程核心技术》——第1章,第1.2节HTML5游戏开发最佳实践

本节书摘来自华章出版社<HTML5 2D游戏编程核心技术>一书中的第1章,第1.2节HTML5游戏开发最佳实践,作者[美] 戴维·吉尔里,更多章节内容可以访问"华章计算机"公众号查看. 1.2 HTML5游戏开发最佳实践 我们将在本书中持续地讨论一些关于游戏开发的最佳实践,首先介绍7个与HTML5有关的实践. 1)窗口失去焦点时暂停游戏. 2)窗口重新获得焦点时实现倒计时. 3)使用CSS实现UI特效. 4)对于运行缓慢的游戏做出检测和处理. 5)添加社交功能. 6)把所有

《HTML5 2D游戏编程核心技术》——第1章,第1.7节小结

1.7 小结Snail Bait游戏是一款HTML5平台游戏,是通过canvas元素的2D API实现的.正如你将在本书接下来的章节中看到的那样,这个API提供了一个强大且直观的功能函数集,通过这个函数集,你几乎可以实现任何一款能想象到的2D游戏.在这一章里,我们从一个最顶层了解了Snail Bait游戏的结构,这是为了获得一些比较直观的概念,并了解实现它的一些最佳实践.尽管通过阅读本章,你可以对游戏有一个直观的印象,但是如果试玩一下,将会对游戏有更好的理解,你可以在corehtml5games

《HTML5 2D游戏编程核心技术》——第2章,第2.1节使用开发者工具

第2章 在本书中,我们将从头开始编程实现一款游戏.像所有的游戏开发者一样,在开始之前,我们必须收集原始素材,并熟悉我们的工具.对于大多数游戏来说,下面的原始素材是必备的. 图像 音效 音乐 下面的内容则是可选的,使用它们可以给你的HTML5游戏增色. 网站图标 网页背景 GIF动画 网站图标是一些小的图标,可以在浏览器的地址栏或者标签中显示.网页背景可以是图像,也可以像Snail Bait游戏一样,用CSS画出来.Snail Bait游戏在加载资源时,会显示一个GIF动画. 幸运的是,所有必要的

《HTML5 2D游戏编程核心技术》——第1章,第1.4节特别功能

1.4 Snail Bait游戏中的HTML和CSS Snail Bait游戏使用了HTML.CSS和JavaScript,其中大部分是JavaScript,事实上,本书接下来的章节主要关注JavaScript,只是偶尔谈及HTML和CSS.图1.12显示了游戏上半部白色轮廓中的HTML元素,以及它们对应的CSS代码. 图1.12 Snail Bait上半部对应的CSS Snail Bait游戏中的所有事件都发生在arena内,arena是一个HTML DIV元素.arena的margin属性值

《HTML5 2D游戏编程核心技术》——第1章,第1.5节开始Snail Bait游戏编程

1.5 开始Snail Bait游戏编程图1.16显示了Snail Bait游戏的初始文件集合.在本书中,我们将逐步增加更多的文件.但是现在,我们需要一个HTML文件来定义游戏中HTML元素的结构:一个CSS文件来定义这些元素的可见属性:一个JavaScript文件来定义游戏的逻辑:以及两张图像,一个作为背景,一个作为跑步小人. 图1.16 Snail Bait游戏的初始文件集合 图1.17显示了游戏的开始时间点,只绘制出了背景和跑步小人.开始时,跑步小人并不是一个sprite对象,而是直接绘制

《HTML5 2D游戏编程核心技术》——第3章,第3.9节使用视差产生视深的假象

3.9 使用视差产生视深的假象如果你曾在行驶中的汽车座椅上观察到自己的手相对于电线杆在高速运动,你就会知道,接近你的物体比远离你的物体移动得快.这种现象称为视差.Snail Bait游戏是一个二维平台游戏,但它也应用了一些视差特效,使得游戏中的平台看起来比游戏背景更接近跑步小人.Snail Bait游戏是通过让平台比背景滚动的速率更快来实现这种视差的,如图3.10所示.顶部截图显示了在特定时间点的背景,底部截图显示了经过一些游戏帧后的背景.从这两个截图中你可以看到,在相同的时间内,平台移动的速度

《HTML5 2D游戏编程核心技术》——导读

目 录第1章 概述 1.1 Snail Bait游戏1.2 HTML5游戏开发最佳实践 1.2.1 窗口失去焦点时暂停游戏1.2.2 窗口重获焦点时实现倒计时功能1.2.3 使用CSS实现UI特效1.2.4 对游戏运行缓慢的状态做出检测和处理1.2.5 添加社交功能 1.2.6 将所有游戏图像放在单独的sprite表单中1.2.7 在服务器中存储高分榜和实时游戏数据1.3 特别功能 1.4 Snail Bait游戏中的HTML和CSS1.5 开始Snail Bait游戏编程 1.6 本书中使用的

《HTML5 2D游戏编程核心技术》——第3章,第3.1节滚动背景和监控帧频

第3章 图形和动画是视频游戏的基础.能够绘制图形和图像是创造平滑的.不闪烁的动画最重要的技能之一,也是游戏开发人员必须要掌握的能力. 动画会持续地绘制动画帧,一般每秒30-60次.这个速率称为动画帧速率.每一个动画帧如同连环画的一页,每帧几乎和上一帧一样,仅仅存在着微小的差别,这样就可以在游戏快速显示动画帧时,创造出运动的效果.更多有关连环画的内容请阅读3.2节. 图3.1显示了一个单独的动画帧截图.这个游戏版本会保持这一状态到本章结束,图中显示了背景和平台从右向左滚动时的动画帧速率. 平台在动