目录

  • 1 H5游戏开发寓教于乐、精准助力就业(课堂革命典型)
    • 1.1 推荐表
    • 1.2 教案
    • 1.3 课程标准
    • 1.4 佐证材料
  • 2 0.0课程说明
    • 2.1 HTML5游戏开发课程学习说明
    • 2.2 1.课程实施文件
      • 2.2.1 教案(HTML5游戏开发技术)
      • 2.2.2 课程标准(0701016065_HTML5游戏开发技术)
  • 3 00电子课本
    • 3.1 HTML5游戏案例教程电子课本
    • 3.2 01 案例源码
    • 3.3 02课堂延伸案例库
    • 3.4 03平时作业和期末考核
  • 4 开发准备篇-构建Canvas开发环境
    • 4.1 课程要求
    • 4.2 构建Canvas开发环境PPT
    • 4.3 第1章构建Canvas开发环境
    • 4.4 构建Canvas开发环境视频
    • 4.5 开发工具builder
    • 4.6 第一堂课内容
  • 5 基础知识篇-第2章Canvas基本功能
    • 5.1 Canvas基本功能PPT
    • 5.2 第2章Canvas基本功能
    • 5.3 3月5日课程要求
    • 5.4 1.HTML5Canvas标签-创建Canvas
    • 5.5 1.创建Canvas
    • 5.6 2.moveto lineto
    • 5.7 3.HTML5Canvas标签-绘制图形
    • 5.8 绘制图形
    • 5.9 绘制圆形
    • 5.10 3月11日任务说明
    • 5.11 贝塞尔曲线
    • 5.12 3月12日任务说明
    • 5.13 绘制变形图形
    • 5.14 绘制阴影
    • 5.15 渐变图形
    • 5.16 径向渐变
    • 5.17 图形组合
    • 5.18 3月18日课程说明
    • 5.19 3月19日课程说明
    • 5.20 3月25任务说明
    • 5.21 3月26课程说明
    • 5.22 绘制图片
    • 5.23 3.HTML5Canvas标签-绘制图片
    • 5.24 使用图像
  • 6 CreateJS函数库
    • 6.1 CreateJS函数库PPT
    • 6.2 第3章CreateJS函数库
    • 6.3 5月20日课堂任务:CreateJS介绍
    • 6.4 5月21日课堂任务:EaselJS包
    • 6.5 5月27日课堂任务:TweenJS包
    • 6.6 5月28日课堂任务:SoundJS包
    • 6.7 6月3日课堂任务:PreLoadJS包
    • 6.8 6月4日课堂任务:CreateJS控件
    • 6.9 6月10日课堂任务:4.3 颜色拼图游戏
    • 6.10 6月11日课堂任务:阶段总结
    • 6.11 CreateJS TweenJS
    • 6.12 CreateJS与flash加载交互
  • 7 案例实战篇-简单效果案例
    • 7.1 简单效果案例PPT
    • 7.2 第4章简单效果案例
    • 7.3 集成案例1:自定义画板
    • 7.4 4月1日课程说明:集成案例2:跑跳效果
      • 7.4.1 4月1日课程说明
    • 7.5 6月3日课堂任务:矩形连连看自我发挥版
    • 7.6 6月4日课堂任务:制作炫酷效果
    • 7.7 JavaScript语音识别库
    • 7.8 极客学院G码兑换效果
    • 7.9 视频播放效果
  • 8 HTML5小型游戏
    • 8.1 HTML5小型游戏PPT
    • 8.2 第5章HTML5小型游戏
    • 8.3 集成案例3:坦克游戏大战
      • 8.3.1 4月2日课程说明:面向过程方式绘制坦克
      • 8.3.2 4月8日课堂任务:坦克面向对象方法重构代码并实现上下左右移动
      • 8.3.3 4月9日课堂任务:使用继承实现敌机坦克
      • 8.3.4 4月15日课堂任务:自己的坦克可以发射子弹
      • 8.3.5 4月16日课堂任务:自己的坦克可以发射多颗子弹
      • 8.3.6 4月22日课堂任务:击中敌人坦克的时敌人的坦克就消失:
      • 8.3.7 4月23日课堂任务:Hero子弹击中敌人坦克,产生爆炸效果
      • 8.3.8 4月29日课堂任务:敌人的坦克可以移动
      • 8.3.9 4月30日课堂任务:敌人坦克可以发射子弹
      • 8.3.10 5月6日课堂任务:项目拓展、集成、演示和评价
    • 8.4 集成案例4:贪吃蛇
    • 8.5 神经猫游戏
    • 8.6 看你有多色游戏
    • 8.7 冰桶挑战游戏
    • 8.8 打企鹅游戏
  • 9 HTML5大型游戏-太空英雄大战
    • 9.1 太空英雄大战PPT
    • 9.2 第6章HTML5大型游戏
  • 10 扩展知识
    • 10.1 面向对象资料
      • 10.1.1 对象基础
      • 10.1.2 面向对象中级
      • 10.1.3 面向对象高级
      • 10.1.4 JavaScript高级程序设计
      • 10.1.5 5月7日课程任务:面向对象定义
      • 10.1.6 5月13日课程任务:面向对象继承
      • 10.1.7 5月14日课程任务:改善坦克游戏
    • 10.2 游戏开发引擎:egert
HTML5游戏开发课程学习说明

HTML5游戏开发课程学习说明

1.《HTML5游戏开发技术 陈惠红》课程在线学习指南


一:学习任务内容如下:https://mooc1.chaoxing.com/course/206962778.html

第1章 开发准备篇-构建Canvas开发环境

第2章 基础知识篇-第2章Canvas基本功能

第3章 CreateJS函数库

第4章 案例实战篇-简单效果案例

第5章 HTML5小型游戏

第6章 HTML5大型游戏-太空英雄大战

第7章 扩展知识

7.1Css完成游戏打地鼠完整版

7.2坦克大战游戏

css Canvas完成贪吃蛇游戏实践及总结

Canvas完成五子棋游戏实践及总结

面向对象知识


二:平台和资源如下:

  1.  超星平台:https://mooc1.chaoxing.com/course/206962778.html

(每节课前5分钟签到-》查看本节课程作业(任务书)->知识学习->完成作业->上传作业)

学校得实平台http://121.33.253.215/solver/classView.do?classKey=27620317(088011学号088011学号)

(平台比较完整,但是比较慢,作为辅助平台)

3. 极客学院官网:https://jikexueyuan.com(账号+密码)

(需要自己注册:很多在线资源,可作为自学平台)

4.百度网盘:HTML5游戏资料:链接: https://pan.baidu.com/s/1YUeun9n9Xxz8YFl7--T1Hg 提取码: ybxh

(需要自己注册:扩展资源,可多多自学)

5.菜鸟教程网站:https://www.runoob.com/tags/ref-canvas.html


三: 每次课程要求

1.课前前一日上超星平台->作业中获取任务表:

2.在各类平台:超星、百度云等下载资料预习;

3.课前十分钟超星签到管理

4.每次课看20分钟录播或者直播视频(对应任务)

5.每日按授课计划完成课程学习(听课、平台和资源等)

6.课后完成课后练习后上传至超星平台、QQ或钉钉

7.教师批改后作业的订正

8.更正作业


四、考勤与签到管理

超星平台签到管理(占期末成绩5%)



五、测验与作业

每次课前一天在超星平台发布作业;

1. https://mooc1.chaoxing.com/course/206962778.html-》作业模块

2. QQ群通知作业


六、在线讨论与在线指导答疑

1. https://mooc1.chaoxing.com/course/206962778.html-》在线讨论和指导

2. QQ群在线答疑


七、作业安排与批阅

1. https://mooc1.chaoxing.com/course/206962778.html-》作业与批改(小作业,大作业期末考)

1),  环境搭建(canvas运行)

2)   test1-线;

3),  test2-形;

4), 应用样式、颜色与变形案例实践

5), 绘制文字案例实操

6), 图像处理案例实操

7),自定义画板增强作业

8),跑跳增强作业

9), 坦克游戏大战作业

10), 期末大作业


八、其他说明

1.由于各种原因无法签到的同学请QQ群@老师和学委告知;

2.由于各种原因无法看课程视频的同学请下载电子书看书;

3.由于没有电脑没有运行环境的同学可以使用手机登陆菜鸟教程网站在线调试;

4.由于各种原因无法在超星平台上传作业的同学也请在作业区域写入无法上传的原因(写说明原因文字);

5.因为前四周安排的基本都是canvas的基础知识,比较简单,但又是后期案例的根本,请同学引起重视,查缺补漏,不要懈怠,争取疫情早点结束后我们课堂见时你们都能更好的跟上实践案例课程!加油^0^~

6.为了你的成绩,遇到各种问题请及时找老师沟通;