Sugar的专栏

颜色和碰撞截止目前，你已经实现了Painter游戏中的大部分东西。你知道如何通过原型机制定义游戏对象的类。把这些类的实现放到不同的文件中，这样在未来如果要用到它们的话，只需要简单的复制就行了。在类中，成员变量的管理是通过方法来操作的。这一章，讲述用另一个方法来定义对象，通过定义属性。这章也会引进一个代表颜色的类型和如何处理炮弹和油漆罐之间的碰撞（如果碰撞发生，则油漆罐改变颜色）。一种代表颜色的不同方

游戏对象类型之前的章节里，已经知道如何创造有少量游戏对象的游戏世界，比如大炮和炮弹。同时也知道了它们之间如何交互。比如，炮弹通过大炮的颜色来更换颜色。这章里，在游戏中增加降落的油漆罐。然而，在这之前，不得不重新学习如何在JavaScript中创建和管理对象。我引进类的概念作为一种手段用来一种确定类型的不同对象。然后，应用类的概念到Painter游戏中的其它部分。此外，学会如何在游戏中引进随机性。创建

基本的游戏对象在这章，开始对Painter游戏的源代码进一步的整理组织。这非常有必要，因为源代码里面有很多行代码。在上章里，我们把变量组合到了对象里面。这章里，会使用到更多的对象并且把代码分离到不同的文件里面去。使用分离的javascript文件你发现你的javascript文件已经有点大了。一个javascript中包含你所有的代码并不明智，因为很难从其中找到我们想要的代码。把文件分离开来很有意义

响应用户输入这章里，学会如何处理按键输入。为了实现这个要求，你需要if语句或者一组相关语句来检测按键条件满足与否。游戏中的对象截止目前为止，所有例子都有一个叫做Game的对象。这个对象里有很多变量。来看看painter1例子中的Game对象：var Game = { canvas : undefined, canvasContext : undefined, backgroundSprite : u

知道玩家正在做什么这章里，创造一个叫做Painter的游戏。这个游戏里，需要在屏幕上显示移动的精灵。你已经知道了一些加载和显示精灵的例子。而且，知道了如何用经过的时间值来改变精灵的位置。在这些基础上来创建这个painter游戏。此外，会学到如何处理用户游戏中的输入。你将从之前的FlyingSprite例子开始，把它改变成气球的位置跟随鼠标移动。下一章将检测其它类型的输入，比如键盘或者触摸屏。跟随鼠标

游戏资源前面的章节已经教会了如何用一个构造的Game对象来写一个简单的游戏例子。你也发现JavaScript可以获取canvas和canvasContext的值，用来进行canvas的运算。你也知道了如何改变画布背景色。也知道结合系统时间让一个方块在屏幕上进行移动。这章讲解如何在屏幕上绘画图片，这是创造出好看游戏的第一步。在计算机图形学中，这些图形被称作精灵。精灵一般都从文件里进行加载。这意味着任何

创造一个游戏世界这章教会你如何通过内存中储存的信息创造一个游戏世界。介绍了基本类型和变量并且这些变量是如何储存和改变信息的。接下来，你会看到如何用对象储存更复杂的信息，里面包含成员变量和方法。基本类型和变量先前的章节几次讨论到了内存。你已经看到了如何执行一个简单的指令譬如canvasContext.fillStyle = “blue”；为画布设置一个颜色。在这章例子里，你使用内存储存临时信息，是为了

这章覆盖了游戏编程的基本原理。首先，你会了解到游戏的基本框架，就是一个游戏世界和一个游戏循环。你将会通过不同的例子学到如何用JavaScript创建游戏框架，最终，我会讨论如何通过注释，布局和恰到好处的空白来增加代码可读性。搭积木般创建游戏这部分讨论了如何像搭积木一样创建游戏。我论述游戏世界的同时通过一个更新-绘画循环来向你演示这个过程，这个循环就是，更新游戏世界，显示游戏世界。游戏世界是什么让游戏

程序设计 这章讲述编程语言随着时间变化而变化的过程。自从因特网从1990年出现开始，不断有大量的编程语言和编程工具在发展。其中著名的语言之一就是HTML，这种语言被用来创建网站。HTML和CSS与Javascript一起，可以用来创建动态网站，然后通过浏览器展示在我们面前。 计算机和程序 在你与HTML和Javascript打交道之前，这部分文章将简要的对计算机和程序做个概述。在这之后，