#2 小型互动游戏 - litcheelab/LooksMD GitHub Wiki

这个项目是开始接触APP Inventor的第一个项目。

APP Inventor是一个通过图形化编程（block programming），让低龄和零编程基础者也可以轻松入门，开始创作移动设备应用的工具。

关于它的官方介绍在这里。

几个要点是：

在新建一个项目之后，app inventor的界面其实分为组件设计以及逻辑设计两个部分。

组件设计是在屏幕的画面上排列需要用到的资源的，此处应一个个过组件列表的内容，认识都有哪些资源可以使用。

逻辑设计是使用积木来让组件具有功能。

组件是一个个对象（object），这种编程方式称为面向对象的编程（Object-oriented programming）。

练习一: 按下一个按钮，出现一张图

目标：熟悉属性修改的方法，修改按钮的文本内容，大小；熟悉上传素材的方法，以及模拟器的屏幕大小，320x480px；熟悉逻辑编写的过程，能够用模拟器来查看编写的结果。

组件：按钮素材：图片逻辑：当按钮被点击，显示照片

练习二：画布上运动的精灵掌握画布的概念；掌握精灵的概念；掌握通过改变XY坐标值让精灵动起来的方法；

组件：画布（找一张图片，与最后的主题相关）、精灵（找一张图片）逻辑：随机出现/直线运动/其他，运用点击这个事件

练习三：定义游戏的玩法认识流程图的几个要素；整理一个单屏游戏的逻辑，写一个流程图。

ProcessOn是一个在线写流程图的工具，可以用它来写流程图。

设计一个软件项目可以分为这么四个步骤，需求、设计、开发和测试，下面对这么四个步骤进行说明，并且以划船游戏为例子，列举对应的示例。

1）需求

定义出需要开发的项目的作用，先不考虑具体实现，而是更多地从用户的角度来描述项目的作用。视乎项目的大小，描述需求的资料可以是一句话，也可以是一个思维导图(mindmap)，也可以是一份文档（docx）。

2）设计

设计这个环节需要在熟悉开发工具的基础之上，做出开发的计划，下面是一个市面上现有的背单词APP的功能列表：

常见的也有用excel表格来制作的功能设计计划：

而我们的这个划船游戏的功能可以用下面的这个思维导图来描述，这是我用一个叫做幕布(mubu.com)的在线思维导图工具制作的。

这张图完成了上面的需求以及设计部分的功能。

3）开发

在确定了组件计划，需要制作流程图来整理编程的思路，这个环节可以用processon做，也可以用其他流程图工具制作。一个使用流程图整理编程思路的例子如下：

而我们的这个划船游戏的流程图如下：

（待插入）

在确定了流程图之后，就可以进行实际的编程工作了，编程的过程当中计划还是可能会调整的，有很多不一样的路径与方法实现。

4）测试