模块C-正式题6.23_第1页
模块C-正式题6.23_第2页
模块C-正式题6.23_第3页
模块C-正式题6.23_第4页
模块C-正式题6.23_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、第 46 届世界技能大赛武汉市选拔赛网站设计与开发赛项模块C 前端游戏UI及功能实现第46届世界技能大赛网站设计与开发项目武汉市选拔赛组委会二零一九年 五月Version: 2.0Date:2019.6.2110 of 10参赛须知一、选手须凭本人身份证原件(或带照片的社会保障卡、公安局核发的机动车驾驶证、初中职学校在校生学生学生证等有效证件原件)进入赛场,证件个人信息须与报名信息一致,否则不得参加比赛。(以上证件复印件无效)二、选手参加考试,迟到三十分钟以上不得入场。三、选手应爱护赛场设施设备,操作规范,注意安全。违反安全操作规定造成的损失由考生负责。四、选手在比赛中严禁使用各类通讯工具。五

2、、选手必须严格遵守考场有关规定,严禁作弊或代考,自觉服从裁判长、裁判员、考场工作人员的管理。六、选手着装、用品等在外观上不应显示选手所在单位等个人信息。七、选手参加比赛,应穿戴整洁,衣冠不端者不可入内。八、禁止在竞赛期间对赛场设施、设备、赛项题目或项目的其他组成部分进行摄影、摄像。九、本项目没有特别安全规定,请注意赛场的用电安全。非赛场管理人员未经允许,不能随意接拉电源和用电设备。十、技能竞赛场地禁止使用的材料和设备: 额外的软件。 平板电脑。 存储盘(数据存储设备)。 不能使用任何非赛方提供的内置存储功能的设备。十一、赛场监考工作人员有权禁止选手在比赛中智能穿戴设备的使用。比赛注意事项1.选

3、手在上交时,通过FTP上交作品,并自行检查是否上传成功。2.选手提前离场时,需举手示意,监考裁判记录选手离场时间。3.比赛时间结束时,所有选手必须停止手上的所有操作。4.超过规定时间后完成的内容将不予评分。模块C 前端游戏UI及功能实现比赛时间:180 分钟一、任务描述近年来,互联网已成为我们日常生活中不可或缺的部分,互联网信息传播内容呈现海量性且具有互动性。游戏在日常生活中扮演着主要角色,让无数的人们能够快速免费获取快乐。二、具体任务你的任务是在常用浏览器网页中开发一款小游戏来展示Web设计和开发的能力。这款小游戏被称为“星球大战”。开发这款游戏将会涉及到使用HTML和CSS布局以及客户端编

4、程(JavaScript和开源库)来实现游戏功能。提供的媒体文件在一个压缩包中。你可以为这款游戏创建新的媒体,也可以对其进行任何修改。游戏将在平板电脑(分辨率为1024768像素(宽x高)上进行开发。如果电脑屏幕较大,游戏必须放置在屏幕中心位置(水平和垂直方向)。三、UI设计和布局要求(1)星球大战游戏使用元素要求如下: 玩家飞船:由用户控制。 行星:从右边移到左边模拟飞机在空中移动的现象。 陨石:飞机需要闪避的元素。 能量:飞机需要收集能量来增加能量槽。 能量槽:显示有多少能量。 敌方飞船:飞机需要闪避的元素。 友方飞船:飞机需要闪避的元素。 分数计数器:显示游戏分数。 计时器:显示游戏已进

5、行时间。 声音按钮:开启和取消游戏声音。 字体大小按钮:通过按钮来控制字体的增大和减小。 暂停/继续按钮:通过按钮暂停/继续游戏。 logo:在游戏中添加logo。 (2)游戏界面布局:该设计内容必须包括以下元素:logo,飞船,行星,能量,能量槽,分数计数器,计时器,声音按钮,字体大小按钮,暂停/继续按钮。(3)排行榜呈现方式:该设计内容必须包括呈现游戏logo,并以排名、姓名、分数和时间的顺序进行排列,“Start Game(游戏开始)”按钮与排行榜同时出现。(4)游戏说明:窗口提供游戏说明和“Start Game(游戏开始)”按钮,游戏说明包含在媒体文件中, 游戏说明必须以动画形式呈现。

6、游戏说明和“Start Game(游戏开始)”按钮。游戏说明必须以动画形式呈现。(5)所有按钮必须有活动和悬停效果,悬停状态下的按钮背景必须是#f39c12. 活动状态必须按照波纹示例,波纹示例在媒体文件中提供。(6)HTML和CSS有效代码必须遵从W3C标准中提供的HTML5和CSS3规则。四、游戏逻辑任务要求(1)在初始屏幕上按下“Start Game(游戏开始)”按钮,游戏开始,飞船开始以动画的方式飞行,行星从右边移到左边模拟飞机在空中移动的现象,游戏计时器开始启动并显示游戏进行时间,能量槽以每秒一个点开始减少。游戏开始时,有10点能量可供玩家飞船飞行10秒。能量最大容量为30个点(飞行

7、30秒)。(2)用户可使用方向键移动飞船,左方向键使飞船向左边移动,右方向键使飞船向右移动,上方向键使飞船向上移动,下方向键使飞船向下移动。飞船在游戏屏幕上有效区域内才可以飞行。飞船不能在任何方向离开游戏屏幕。(3)游戏期间,玩家飞船需要避开敌方飞船和友方飞船。如果玩家飞船碰撞到其他飞船或陨石,能量减少10个点,其他飞船或陨石以动画的形式被摧毁。其他飞船、陨石、行星以动画的形式随机出现,从右向左移动。飞船应该总能避开除行星之外的所有物体(例如,不会出现聚集成墙的陨石或飞船导致玩家飞船无法飞行)(4)飞行期间,飞船需要收集空中降落的能量。每收集一个能量,能量槽即可增加10个点(飞行10秒)。玩家

8、飞船和敌方飞船可以发射子弹,玩家按下空格键发射子弹(每接一下空格发射一颗子弹,按住空格不可连发),敌方飞船自动发射子弹,敌方子弹击中玩家,能量槽减少 5点能量,玩家子弹击中敌方飞船可将之摧毁,游戏分数并增加10分;玩家子弹击中并摧毁友方飞船,游戏分数减少10分,玩家子弹摧毁陨石,游戏分数增加10分,陨石需要玩家子弹击中三次才能被摧毁。分数计数器初始值为0。(5)能量以动画的形式在空中自由降落(从屏幕顶部开始出现)。(6)游戏期间,用户可以点击暂停按钮或者字母p键来暂停游戏。当游戏暂停了,所有的动作和声音都必须停止。如果用户可以再次点击暂停按钮或者字母p键,游戏继续。(7)背景里的行星以动画的形

9、式呈现,给人一种行星在移动的感觉,背景里必须包含五种不同的行星,以行星的大小及移动速度产生透视效果,近处的行星大移动速度快,远处的行星小移动速度慢。(8)如果能量槽为0,则游戏结束。(9)当游戏结束时,动画和游戏计时器停止,游戏将收集username(用户名称)到网页窗口中。用户填写网页表单,然后点击“continue(继续)”按钮。“continue(继续)”按钮在用户填写网页表单后可用,否则失效。(10)游戏提供用户排名及“Start Game(游戏开始)”按钮,点击按钮即可重新开始游戏。(11)排名顺序按照获得的游戏分数和游戏时间进行降序排列。如果多个用户拥有相同的游戏分数和游戏时间,他

10、们名次相同。(12)为了增加游戏的互动性,使用以下音效: background.mp3:飞行时的背景音乐 hit.mp3:玩家飞船撞击其他物体时播放 star.mp3:玩家飞船获取能量时播放 finish.mp3:能量槽为0时播放(游戏结束) destroyed.mp3:物体被摧毁时播放 shoot.mp3:玩家发射子弹时播放(13)发挥你的天赋来增强游戏娱乐性,尽可能给用户提供较好的体验。(14)为了促进游戏可操作性,游戏字体大小可实现增大或减小的操作(包括游戏时间、分数计数器、能量槽和排行榜)(15)游戏声音可以禁止或者开启。如果声音被禁止,所有声音都应该消失。如果声音开启,所有声音都应该

11、播放。(16)游戏正常运行时,浏览器控制台中不可以出现JavaScript错误和信息。(17)HTML/CSS 和JavaScript 代码要求整洁,便于维护,且使用正确的缩进和有效注释,各注释不能少于5条。(18)使用谷歌浏览器和火狐浏览器游戏都可以正常运行。谷歌浏览器来检验游戏需求,火狐浏览器来检查游戏兼容性。五、FTP提交(1). 媒体文件在压缩包中。你可以修改提供的文件,也可以创建新的媒体文件,来确保功能正确或改善应用程序。如果觉得有必要你可以使用jQuery and jQuery UI组件。(2). 作品文件夹为C,确认主页文件是index.html。(3). 作品请先在本机上测试,最终上交通过FTP完成,并可以在服务器上正常运行游戏。(4). 所有选手的FTP地址全部为:(5). FTP账号已提前粘贴到各选手的操作工位电脑屏幕前,请自行输入。(6). 将模块C的所有文件及文件夹存到一个统一的文件C中,然后通过FTP上传,并可以在服务器上进行测试。测试地址为:/FTP账号/C(7). 各选手作品源码和文件夹中不得透露任何关于选手所在单位等个人信息,一经发现取消比赛资格并上报上级部门。六、媒体文件说明名称描

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论