目录

  • 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
6月10日课堂任务:4.3 颜色拼图游戏

6.10课堂任务:

1.看视频:createJS基础

2.看书:

3CreateJS函数库

3.3EaselJS基础

3.3.1EaselJS容器

3.3.2EaselJS绘图


3.改造代码:

4.3 颜色拼图游戏

//1.成功的话要有成功的提示;

//    失败的时候有失败的提示;

 //    最后显示分值(console.log() / createjs.text / DOM标签??)

//2.关卡(4正方形-》8-》10.。。。。。

//3.或者 自己输入 正方形的值,然后产生就是那个输入值得正方形?

//4. 多于12个的时候可以换行

//4.1->页面可设置每行个数


//5. 关卡:三个关卡的矩形大小不一样。

//6. 关卡:学习看你有多色,关卡的颜色越来越相似;


//7. 按3种关卡设定分值规则,显示分值:DOM标签-》放到canvas的createjs(3.4.5)



//7. 按3种关卡设定分值规则,显示分值:DOM标签-》放到canvas的createjs(3.4.5);

/* 7.1 矩形大小的分值系数:100/矩形高宽最大值;100为1,小于100大于1

 * 7.2 矩形的个数分值系数:+ 个数/4

 * 7.3 矩形颜色分值系数:

 * 7.3.1 红绿蓝系数2,黑色为1;

 * 7.3.2 (5 - 相近度宽度/50);

 */


//8.学习:DOM标签-》放到canvas的createjs(3.4.5)