您查看的活动已结束

一、体验课目的

1、掌握H5设计游戏界面

2、掌握手机布局模式

3、掌握判断PC端和手机端的方式

4、学会JS完成游戏的交互功能

5、学会H5生成APP方式

二、环境及学员要求

使用工具： 任意一款具有代码提示功能的编辑器DreamWeaverCS6.0 或者HBuilder等

使用语言： HTML5、JavaScript、CSS

学员要求：大专或以上计算相关专业学生

三、游戏模块及模块流程：

①游戏场景模块

1.添加合适大小的画布

2.使用canvas工具绘制场景

②页面渲染及手机布局模块

1.选择合适的布局模式

2.添加适合游戏主题的背景

3.对游戏动态效果进行调整

4.根据手机的型号自动调整大小

③人物添加动作模块

1.使用JavaScript添加游戏触发事件

2.绑定鼠标点击事件或键盘点击事件

3.判断事件，控制游戏进行模式（例如：鼠标点击控制人物跳跃，键盘方向键控制人物移动方向等）

4.手机端和PC端的判断方式

④碰撞分析模块

1.使用JavaScript物体与奖励物品或障碍物是否碰撞物或接触，判断是否得分，并控制接下来整个游戏的 进行情况。

2.判断游戏中发生碰撞后，进行的奖励或惩罚行为。

⑤游戏结束判定模块

1.规定游戏结束的特征是判断限定时间结束，或 碰撞障碍

2.汇报游戏中用户的得分情况，询问用户是否重新开始。

3.生成手机端APP

四、验收标准：

1.了解HT关ML5相标签

2. HTML5中的画布工具Canvas使用

3. 手机端APP的生成

4.认识JavaScript并实现要求功能

5.可以在网页上流畅运行

6.Bug数不能超过3个

五 、工程师介绍

任继梅：中南大学毕业。国家认证高级讲师，具备国际项目经理PMP证书。开发过国家级的大型项目；曾受聘于北京大学某学院客座教授。现在为北京工业大学研究生外聘企业导师、吉林工程技术师范学院客座教授，向国家申请多项专利和软件著作权。技术涉及Web前后端开发、App开发、嵌入式编程等多个领域。曾经担任过多家公司校长、副总经理、CTO等职务。

卜明超：郑州大学毕业。多年的Web前端开发经验。精通PC端的网页设计和移动端的WebAPP设计。精通JS原生开发，并自行设计开发过多款网页小游戏和手机小游戏。主要技术包括前端设计技术：H5、CSS3，脚本技术：

JavaScript，框架技术：BootStrap、Jquery、Node.Js、AngularJS等；后台维护及数据库技术：PHP、MySQL等。特点：技术扎实、风趣幽默。

如有任何疑问可以加群进行沟通：

咨询热线：021-60319602-8040  邹老师
咨询地址：上海普陀区中山北路3553号伸大厦401室
体验时间：每周六 9:00-11:30  13:30-16:00