移动WEB应用技术综合实训-2017 1、完整项目演示 实训任务单：完整项目演示.docVIP

解题游戏项目完整演示 PAGE 2 实验项目任务单 实训(实验)项目: 解题项目完整演示 实验目的： 了解项目开发目的 了解解题游戏规则 建立实训项目感性认识 实训（实验）设计（器材、步骤、结论）： 简介： 本任务是项目实训的开始，主要让学生对本项目的有一个初步的、感性的认识，让每个同学去玩网络上的untangle网页游戏戏来认识主要完成的功能 任务 1：准备实训设备与工具 步骤1：准备素材与设备 学生的PC笔记本电脑、已经开发完成的项目。 任务 2：操作网络上的Untangle解绳子游戏 步骤1：打开电脑浏览器 让学生拿出自己的电脑，打开浏览器，输入游戏网址: http://wanga.me/46425 步骤2：阅读游戏简介 打开游戏网页后，认真阅读游戏简介和大致游戏规则。 步骤3：试玩解绳子游戏 通过拖动游戏上的点，尝试下令图形中的所有直线不再相交，即过关，进入下一关。 步骤4：讨论。 在试玩中谁过的关最多，游戏过程中用户操作时界面有何变化。采用了何种技术实现的。 任务 3：演示完整的html5开发的解题游戏。 步骤1：用浏览器打开演示项目 打开项目文件夹UntangleGame，在文件夹中用谷歌浏览器打开index.html。可以看到如下图1游戏界面。 图1游戏起始界面 步骤2：演示游戏过关 拖动游戏界面上的小黄球，使它们间的连线互不相交，即进入下一关。 图2 游戏当前进度 图3 游戏的下一关 实验结论及总结 成绩 教师签字 日期