HTML5游戏设计与开发

陈惠红

目录

  • 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
5月21日课堂任务：EaselJS包

5.21课堂任务：

1.看视频：createJS包介绍

2.看书：

第3章CreateJS函数库

3.2 CreateJS包简介

3.2.1EaselJS包


3.改造代码：

【案例3-4】：使用EaselJS包实现舞台编写文字效果

完成函数changeNum()：：数字自加效果功能