Project 1 HTML5 游戏设计与制作.pdfVIP

Project 1: HTML5 游戏设计与制作 谁说编程需要很多计算机知识，外行 （小白）也能开发有趣的游戏！ 实验目的： 1. 了解新技术及其基本的学习方法 2. 运用可视化的设计工具，初识面向对象的程序设计的原理与技巧 实验完成时间： Deadline1：第五周，完成案例教程 Deadline2：第十周，完成自己设计的小游戏 Task 1: 根据学习材料，制作一个HTML5 游戏。 ［简介］What is Construct 2? /construct2 知识：官方网站（Official Site ）是你获取学习资源的最主要途径（百度仅可以帮 助你了解安装、汉字处理等方便的问题）。如果你是新手，Getting Start ……是你 学习的开始。 实践：使用谷歌搜索分别搜关键词“Construct 2 ”和“python ”。从第一个结果 进入它们的官方网站（Official Site ）。让人好奇的问题是：google 怎么知道把官 方网站放在第一个的？参加冯教授的讲座，与他讨论。 ［安装］安装前，你需要支持HTML5 的浏览器，如IE9, IE10, Chrome, Safari, Firefox 等。进入官方网站，找到下载（Download ）。下载并安装。 ［教程］进入官方网站，选择 “Tutorials Beginner’s Guide ” 共7 页内容。如有问题请与教学助理咨询。 ［时限（deadline ）］在第五周前完成。 ［作业要求］每个人独立完成，但可以交互讨论。 ［提交］TA 随即抽取 10 位同学，检查是否能运行。不能运行，平时成绩减 5 分。 Task 2：游戏开发与面向对象的编程思想。 ［资源］维基百科（中文）：面向对象程序设计（Object-oriented programming ） ［游戏开发］游戏开发有创意，游戏分析设计，游戏开发，玩家测试几个阶段。 ［创意］通过一个概念（concept ）文档，明确游戏的创作动机、目标市场、游 戏中的事物及玩法等内容。注意：创意要符合开发工具的能力，要在技术条件限 制下追求最佳可玩性。以下是一个小游戏的玩法 （Gameplay ）描述的片段。 Gameplay： 楔子：大汉建宁年间，张角大王召集六个小矮人造反。到处追杀我子民，民不聊 生。天子我手持倚天弓，跨霹雳箭，踏上保家卫国的征程。 玩法：玩家射死张角和六个小矮人任务完成。玩家被杀或子民被杀完，任务失败。 玩家使用鼠标避让飞来的敌人，并发射短箭…… 显然，这个游戏仅在Task 1 原型基础上做了一些扩展，增加了大Boss 张角，玩 家的子民等元素，修改了任务成功失败的条件。我们还要将游戏的角色与道具的 图片改得有些中国风才能符合设计要求。 Game Sprites： 1. Player：倚天弓。有很强的生命值，可以抵抗多次敌人的撞击。可 以360 旋转，连续无限量向前发射霹雳箭。 2. …… 这是一个游戏精灵 （Sprites ）描述的片段。Sprites 都在案例中见过了。它可以 赋予texture 以展示游戏世界的事物。在描述Sprites 这些角色或道具时，要描述 它的属性，如：生命值，这些值变化的场景；它控制的Sprites，如：箭。 不能这样描述：“可以抵抗三次撞击”，这是具体的游戏规则。具体规则是设计内 容，在游戏没有完成前，都是不确定的。 ［设计］ 准备知识： 分析设计基础，以下每个概念见维基百科（中文）：面向对象程序设计。 类（Class ）定义了一类事物的抽象特点。 例如 Sprites ，每个sprit 都拥有属性（properties ），如 position ，size 等 例如Monster，每个具体Monster 都拥相同的属性和行为 对象（Object ）是类的实例 （Instance ），或具体事物。 例如， Player 是一个类，你可以定义属性、行为；当游戏运行时，游戏引擎自 动事例化该类，生成Player 对象。所以教程中常用Object Type 称Player 对象。 例如，在“Create some more monsters”中，我们根据类生成了7 个具体的Monster 。 每个 Monster 是独立的物体（Object ）,他们可以独立的赋予属性值，产生事件， 执行动作。 方法（Method，可看成Behavior ）定义一个类会做的事（不是怎么做事）