第3章 制作一个小游戏

Tip：上次答应过大家这一章教大家如何制作一个小游戏，所以这一章作者大大就教大家制作一个接物类的小游戏。

打开kitten4.0，创建一个空白作品。

这次创建一个新角色，可以自己画，也可以选择上传图片。但是这次如果你选择了上传图片，那么我将教给你一个好东西(￣▽￣):看一下图3.1的步骤，你就会明白如何抠图了。

然后我们就会发现，你的鼠标指针会变成魔法棒。点击图片的白色部分，你就会发现，白色的那部分不见了！

恭喜你，你学会了在kitten4.0中抠图！

但是还有很多多余的透明的边，这在处理角色碰撞时是非常要命的，因为程序会默认这些透明的边也是角色的一部分，因此通常有些处理角色碰撞的程序并没有错，但两个角色还没有撞到一起程序就认定他们已经碰撞了。

所以下面我们就要顺理成章地介绍如何修剪角色了。这是非常有用的一个功能！（如图3.2所示）

点击那个在图3.2中被圈出的图形，然后会出现一个界面，会有一个方形出现，拖动它以修剪角色：（如图3.3所示）

接下来，作者大大将教你调整角色的大小。

选定角色，然后会出现一个方形。作者大大猜你肯定知道该怎么做了——拖动这些边框。

好了，角色的绘图我们已经学会了，那么接下来就是脚本部分（即程序部分）。

Tip：对了，作者大大差一点儿就忘了还有一个最重要的地方：（如图3.4所示）

GIF、SVG、PNG。这3种格式各有千秋：GIF支持有2个以上造型的角色，和动画差不多；SVG的英文全称是“scalable vector graphics”，意为可缩放的矢量图形（摘自百度百科）；

PNG是目前最为主流的图片格式，兼容性特别强。

这本书不是专门介绍图片格式的，因此对这3种图片格式的介绍就到这里。当然，如果你以后在本书中后面的章节看到这3种图片格式而不解其意时，那么欢迎你查看本页。

好了，在选定了你想要的图片格式后，点击“导出图片”，

你只要等一会儿，就可以在此电脑中的下载中看到你的角色图片了。

点击“确认添加”按钮，然后将你的角色命名为“玩家”。

呃……现在角色是添加进来了不假，但是角色看起来也太……看看图3.5，你应该就能明白作者大大说的是什么了：

怎么办？

你看到“开始”按钮下面的角色信息区域了吧？把它们改成如下数值：（如图3.6所示）

（角色名称：玩家；隐藏状态：未隐藏、可见；旋转方式：左右翻转；X坐标：0；Y坐标：-265；大小：50；角度：0度）（效果如图3.7所示）

好了，现在输入这串代码：（如图3.8所示）

接下来点击“变量”，在弹出的菜单中点击“+变量”新建一个变量并命名为“得分”，将其设置为“全局变量”（如果你的操作正确或者不知道怎么操作，那么欢迎你参考图3.9），再点击“确定”。

然后新建一个角色，将其命名为“铁锭”（如图3.10所示）：

好了，接下来给“铁锭”角色输入这串代码（还有不要忘了更改它的数据！）：（如图3.11所示）

好了，接下来让我们点击“开始”按钮，一起来看一下我们的第一个真正的小游戏的运行效果：（如图3.12所示）

挑战

1.这款游戏可能真的可以一直改进下去。更改游戏的代码，让玩家能得更多分。如果让玩家表现出优越性，那么他们真的会觉得玩你的游戏是一件很有趣的事。

2.让角色“铁锭”能更加频繁地被克隆出来，也能让玩家得更高的分数。

下一章我们将继续改进游戏的代码，让游戏有背景音乐以及音效。