微信小游戏开发新手教程13从想法到设计

在接下来的几节里&＃xff0c;我会向你展示游戏制作的整个流程&＃xff0c;从开始的一个粗略的想法&＃xff0c;到游戏设计&＃xff0c;再到最终的游戏制作。

一个游戏通常开始于一个想法&＃xff0c;这个想法可以是千奇百怪的&＃xff0c;可以是五花八门的&＃xff0c;甚至可以是可笑的。不论如何有一个想法&＃xff0c;是一个游戏的开端。当你有了一个想法了以后&＃xff0c;如果你希望它最终能够变成一个真正的游戏&＃xff0c;那么你就必须要继续往前走&＃xff0c;反复的思考&＃xff0c;雕琢你的粗糙的想法&＃xff0c;将它细化&＃xff0c;形成一份具体的可行的游戏设计方案。

通常&＃xff0c;当你将想法变成具体的游戏设计时&＃xff0c;并不是那么顺利&＃xff0c;你可能会发现这个想法漏洞太多&＃xff0c;或者不切实际&＃xff0c;亦或者这个想法的实现超出了你的能力范围&＃xff0c;大部分的想法会在这一阶段被否定&＃xff0c;或者被修改&＃xff0c;你可能根本拿不出一份具体可行的游戏设计方案&＃xff0c;亦或者&＃xff0c;你的方案完全背离了起初的想法.....

无论你遇到的是哪种情况&＃xff0c;都无需担心&＃xff0c;因为这是游戏制作中再正常不过的事了&＃xff0c;它告诉了我们两件事情&＃xff1a;

- 我们脑袋中的大部分的想法都不切实际。

- 制作游戏是一项需要积累和反复练习的技能&＃xff0c;没有人能一上来就做的很好。

言归正传&＃xff0c;下面正式开始从想法到设计的过程。

首先&＃xff0c;假设我们有了一个想法&＃xff1a;我要做一个“打飞机”的游戏&＃xff0c;要有一个炫酷的名字叫“太空保卫战”&＃xff0c;我要控制着战机击落每一个入侵的敌人。

好了&＃xff0c;现在我们有一个粗糙的想法了&＃xff0c;我们甚至为游戏起了个名字&＃xff0c;那么接下来呢&＃xff0c;我们尝试为这个想法进行细化&＃xff0c;让其变的更具体一点儿。

可以从下面这几个方面入手&＃xff1a;

- 这是一个太空射击游戏&＃xff0c;所以游戏的主题背景是太空。

- 我要能控制战机在太空中飞行&＃xff0c;如何控制呢&＃xff1f;因为这是一个手机上的游戏&＃xff0c;所以一个比较好的控制方式是用手指点击战机&＃xff0c;然后在屏幕中随意的拖动就可以控制战机的移动。

- 战机需要攻击敌人&＃xff0c;因此我们的战机要能够发射子弹。

- 要有入侵的敌人&＃xff0c;敌人如何入侵呢&＃xff1f;最简单的方式就是不停的有敌人从屏幕上方飞下来&＃xff0c;战机有两种选择&＃xff0c;要么将敌机击毁&＃xff0c;要么躲避敌机。

现在我们的想法已经有了些具体的内容了&＃xff0c;我们打算有一个太空作为背景&＃xff0c;使用拖拽的方式控制战机的移动&＃xff0c;战机可以发射子弹&＃xff0c;敌机不停的从上方下落&＃xff0c;我们可以选择击毁敌机或者躲避敌机。

虽然想法已经丰富了很多&＃xff0c;但是作为游戏设计&＃xff0c;还是不够清晰具体。

游戏需要有一个目标或者也叫做任务&＃xff0c;我们需要一个“目标”来作为玩游戏的动力&＃xff0c;这里我们就将击毁敌机的数量当作一个目标&＃xff0c;击毁的敌机数量越多&＃xff0c;表示你越厉害。我们设置一个得分的数字记录&＃xff0c;每击毁一架敌机&＃xff0c;得分就加一。在游戏中尽可能多的击毁敌机&＃xff0c;获得更高的分数&＃xff0c;就是游戏的目标。

另外&＃xff0c;游戏也需要有一个结束条件&＃xff0c;总不能无止境的玩下去吧&＃xff01;这里&＃xff0c;我们设定战机被任何一架敌机碰到&＃xff0c;则游戏结束。

现在&＃xff0c;游戏有了目标和结束条件&＃xff0c;我们想法更加清晰和明确了&＃xff1a;这是一个太空射击游戏&＃xff0c;敌机不停的从上方入侵&＃xff0c;玩家需要使用手指拖拽的方式控制战机移动&＃xff0c;击毁或者躲避飞来的敌机&＃xff0c;要在不被敌机碰到的前提下&＃xff0c;击毁尽可能多的敌机&＃xff0c;以获得更高的分数。

有了清晰的想法&＃xff0c;下面我们可以做一些具体的设计了。

我们先从游戏的外观开始&＃xff0c;画一些草图&＃xff0c;来展示它看起来应该是什么样子。

这是一个游戏开始界面&＃xff0c;它展示了游戏的名字&＃xff0c;并且只有一个“开始”按钮&＃xff0c;点击“开始”按钮就会正式进入游戏。

游戏大概是这个样子&＃xff0c;敌机从上方不停的下落&＃xff0c;战机不停的发射子弹&＃xff0c;用手指拖拽战机&＃xff0c;控制其移动&＃xff0c;左上角显示的是游戏的得分。

游戏结束后&＃xff0c;我们只简单的显示游戏结束的提示&＃xff0c;并增加一个“重新开始”按钮&＃xff0c;点击后可以重新开始游戏。

以上就是游戏看起来的样子&＃xff0c;非常的简单&＃xff0c;一个开始界面&＃xff0c;一个游戏界面&＃xff0c;一个结束界面。开始界面负责展示游戏的名字&＃xff0c;游戏界面是我们进行游戏的地方&＃xff0c;结束界面提示游戏结束了&＃xff0c;并且可以重新开始。

在纸上画草图可以帮助你梳理想法&＃xff0c;而且这些草图也会是你制作游戏过程中的最好的参照。

游戏了外貌有了&＃xff0c;下面我们要深入其中来设计逻辑了。

首先&＃xff0c;来划分一下游戏场景&＃xff0c;这里&＃xff0c;简单的划分为两个场景&＃xff1a;

- 开始场景

- 游戏场景

“开始场景”只负责开始界面&＃xff0c;点击“开始游戏”按钮&＃xff0c;就会进入到“游戏场景”&＃xff0c;我们将游戏的所有的逻辑都放在“游戏场景”中。

接下来&＃xff0c;分析一下战机&＃xff0c;战机需要能通过拖拽来控制移动&＃xff0c;另外&＃xff0c;战机碰撞到敌机时&＃xff0c;游戏就结束了。所以&＃xff0c;战机需要处理以下的逻辑&＃xff1a;

- 当手指点击战机拖拽时要做出响应&＃xff0c;战机位置跟随手指移动。

- 战机碰撞到敌机时&＃xff0c;则游戏结束&＃xff0c;显示游戏结束提示。

接着&＃xff0c;看一下子弹的逻辑&＃xff0c;游戏一开始&＃xff0c;战机就会不停的发射子弹&＃xff0c;所以子弹需要用到“克隆”&＃xff0c;当子弹被“克隆”出来后&＃xff0c;应该位于战机的上方&＃xff0c;这样看起来才像是战机发射的子弹&＃xff0c;所以子弹被“克隆”出来后需要调整其位置&＃xff0c;最后&＃xff0c;当子弹击中敌机时&＃xff0c;子弹就应该消失。所以子弹需要处理以下逻辑&＃xff1a;

- 游戏开始后就不停的克隆子弹。

- 当子弹被“克隆”出来后&＃xff0c;将其位置设置在战机的位置。

- 当子弹碰撞到“敌机”时&＃xff0c;子弹应该被销毁。

接着&＃xff0c;来看敌机&＃xff0c;敌机需要不停的从屏幕上方的随机位置向下落&＃xff0c;我们需要不停的产生敌机&＃xff0c;所以需要对敌机进行“克隆”&＃xff0c;新生成的敌机需要位于屏幕上方的随机位置&＃xff0c;所以在敌机“克隆完成时”&＃xff0c;需要对位置进行设置。另外&＃xff0c;当敌机被子弹击中后&＃xff0c;会被击毁&＃xff0c;需要处理与子弹的碰撞&＃xff0c;最后&＃xff0c;敌机被击毁后&＃xff0c;需要发送一个事件告诉得分加一。所以&＃xff0c;敌机需要处理下面这些逻辑&＃xff1a;

- 游戏开始后就要每间隔一定的时间“克隆”敌机。

- 当敌机被“克隆”出来后&＃xff0c;将位置设置为屏幕顶端的随机位置。

- 当子弹碰撞到敌机时&＃xff0c;敌机销毁&＃xff0c;并发送一个“敌机销毁”事件。

最后&＃xff0c;再来看一下得分&＃xff0c;它只负责记录敌机被击毁的数量&＃xff0c;所以它只需要关注是否有“敌机销毁”的事件。

- 查看是否有“敌机销毁”事件&＃xff0c;如果有&＃xff0c;就将得分加一

终于&＃xff0c;我们有了一个比较完整的设计&＃xff0c;有草图显示了游戏看起来的样子&＃xff0c;有了游戏中每个部分的具体逻辑&＃xff0c;来展示游戏运行时每个部分所应该负责的任务。

总结一下&＃xff1a;

我们展示了一个想法是如何通过不断的完善和细化&＃xff0c;最终变成一份游戏设计的。

下一节&＃xff0c;我们会将所有学过的内容结合起来&＃xff0c;做出自己的第一款小游戏。

游戏设计是需要不断的练习和打磨的&＃xff0c;尝试将自己的想法变成一份游戏设计&＃xff0c;不停的打磨&＃xff0c;直到其完善。

最后&＃xff0c;欢迎关注我的微信公众号&＃xff1a;小蚂蚁游戏开发。了解更多与游戏开发有关的原创内容。