HTML5游戏设计与制作(入门篇)

  外行（小白）也能开发有趣的游戏，为什么编程这么容易？

  

实验目的

• 了解新一代的可视化编程工具与技术
• 了解计算机产品与工具的基本学习方法与途径
• 尝试编写技术博客

实验/学习工具

Construct 2：https://www.scirra.com/construct2

Construct 2 is a powerful ground breaking HTML5 game creator designed specifically for 2D games. It allows anyone to build games — no coding required!

实验步骤

1、准备知识

官方网站（Official Site）:计算机类产品或工具的开发者设置的网站额统称。为了让用户快速了解产品，通常都有 Quick Start、Beginner's guide等栏目帮助新手快速入门，体现产品给开发者带来的的价值。

2、阅读产品特性（features）

  从产品特性的标题、图片去理解产品。不要试图翻译产品特性详细内容，因为你可能不了解其中的术语和技术。建议入门后，再阅读详细内容，然后判断该产品是否合适自己。

3、下载安装

• 参考官方 安装指南
• 该工具仅是本课程的一个教学案例，free的版本已满足教学的要求
  • 除非特别喜欢，请不要购买
  • 不建议下载任何“解密版本”，可能是病毒

4、入门学习

  计算机理论固然重要，实践-“做中学”才是快速学习的基本途径。现在你的任务就是完成入门教程。

  Beginner’s guide to Construct 2 网址：https://www.scirra.com/tutorials/top

任务要求

请以个人实践为背景，用自己的语言，写一篇技术博客，例如：

• 以Construct 2制作平台游戏的新手指南
• 用Construct 2制作连线消除游戏
• Construct 2 按钮制作

做技术笔记、分享交流是 IT 行业特有的文化现象，其中有一大类技术博客是记录解决问题的过程。

制作 gif 动画

使用 抠抠视频秀 截取操作过程或游戏成果演示。 注意：务必是 Gif 动画控制在 2M 以内！

评价标准

• 5分：有文有图；有 gif 动画演示；技术博客；行文、逻辑较好
• 4分：有文有图；行文、逻辑较好
• 3分：按时提交