HTML5游戏设计与开发-第四次开课

陈惠红

目录

  • 1 0.0课程说明
    • 1.1 HTML5游戏开发课程学习说明
    • 1.2 1.课程实施文件
  • 2 00电子课本
    • 2.1 HTML5游戏案例教程电子课本
    • 2.2 01 案例源码
    • 2.3 02课堂延伸案例库
    • 2.4 03平时作业和期末考核
  • 3 开发准备篇-构建Canvas开发环境
    • 3.1 课程要求
    • 3.2 构建Canvas开发环境PPT
    • 3.3 第1章构建Canvas开发环境
    • 3.4 构建Canvas开发环境视频
    • 3.5 开发工具builder
    • 3.6 第一堂课内容
  • 4 基础知识篇-第2章Canvas基本功能
    • 4.1 Canvas基本功能PPT
    • 4.2 第2章Canvas基本功能
    • 4.3 3月5日课程要求
    • 4.4 1.HTML5Canvas标签-创建Canvas
    • 4.5 1.创建Canvas
    • 4.6 2.moveto lineto
    • 4.7 3.HTML5Canvas标签-绘制图形
    • 4.8 绘制图形
    • 4.9 绘制圆形
    • 4.10 3月11日任务说明
    • 4.11 贝塞尔曲线
    • 4.12 3月12日任务说明
    • 4.13 绘制变形图形
    • 4.14 绘制阴影
    • 4.15 渐变图形
    • 4.16 径向渐变
    • 4.17 图形组合
    • 4.18 3月18日课程说明
    • 4.19 3月19日课程说明
    • 4.20 3月25任务说明
    • 4.21 3月26课程说明
    • 4.22 绘制图片
    • 4.23 3.HTML5Canvas标签-绘制图片
    • 4.24 使用图像
  • 5 CreateJS函数库
    • 5.1 CreateJS函数库PPT
    • 5.2 第3章CreateJS函数库
    • 5.3 5月20日课堂任务：CreateJS介绍
    • 5.4 5月21日课堂任务：EaselJS包
    • 5.5 5月27日课堂任务：TweenJS包
    • 5.6 5月28日课堂任务：SoundJS包
    • 5.7 6月3日课堂任务：PreLoadJS包
    • 5.8 6月4日课堂任务：CreateJS控件
    • 5.9 6月10日课堂任务：4.3 颜色拼图游戏
    • 5.10 6月11日课堂任务：阶段总结
    • 5.11 CreateJS TweenJS
    • 5.12 CreateJS与flash加载交互
  • 6 案例实战篇-简单效果案例
    • 6.1 简单效果案例PPT
    • 6.2 第4章简单效果案例
    • 6.3 集成案例1:自定义画板
    • 6.4 4月1日课程说明：集成案例2:跑跳效果
      • 6.4.1 4月1日课程说明
    • 6.5 6月3日课堂任务：矩形连连看自我发挥版
    • 6.6 6月4日课堂任务：制作炫酷效果
    • 6.7 JavaScript语音识别库
    • 6.8 极客学院G码兑换效果
    • 6.9 视频播放效果
  • 7 HTML5小型游戏
    • 7.1 HTML5小型游戏PPT
    • 7.2 第5章HTML5小型游戏
    • 7.3 集成案例3:坦克游戏大战
      • 7.3.1 4月2日课程说明：面向过程方式绘制坦克
      • 7.3.2 4月8日课堂任务:坦克面向对象方法重构代码并实现上下左右移动
      • 7.3.3 4月9日课堂任务:使用继承实现敌机坦克
      • 7.3.4 4月15日课堂任务:自己的坦克可以发射子弹
      • 7.3.5 4月16日课堂任务:自己的坦克可以发射多颗子弹
      • 7.3.6 4月22日课堂任务:击中敌人坦克的时敌人的坦克就消失：
      • 7.3.7 4月23日课堂任务：Hero子弹击中敌人坦克，产生爆炸效果
      • 7.3.8 4月29日课堂任务：敌人的坦克可以移动
      • 7.3.9 4月30日课堂任务：敌人坦克可以发射子弹
      • 7.3.10 5月6日课堂任务：项目拓展、集成、演示和评价
    • 7.4 集成案例4:贪吃蛇
    • 7.5 神经猫游戏
    • 7.6 看你有多色游戏
    • 7.7 冰桶挑战游戏
    • 7.8 打企鹅游戏
  • 8 HTML5大型游戏-太空英雄大战
    • 8.1 太空英雄大战PPT
    • 8.2 第6章HTML5大型游戏
  • 9 扩展知识
    • 9.1 面向对象资料
      • 9.1.1 对象基础
      • 9.1.2 面向对象中级
      • 9.1.3 面向对象高级
      • 9.1.4 JavaScript高级程序设计
      • 9.1.5 5月7日课程任务：面向对象定义
      • 9.1.6 5月13日课程任务：面向对象继承
      • 9.1.7 5月14日课程任务：改善坦克游戏
    • 9.2 游戏开发引擎：egert
5月27日课堂任务：TweenJS包

5.27课堂任务：

1.看视频：createJS包介绍

2.看书：

第3章CreateJS函数库

3.2 CreateJS包简介

3.2.1EaselJS包

3.2.2TweenJS包


3.改造代码：

【案例3-5】：使用TweenJS包实现图形变形效果

//试炼：1. 查一下中文网帮助手册多加一些wait-to/线性变化的样式等等

2. 实现文字从左上右下的循环显示（同步缩放从2-》0.5）

//2.1 实现文字显示

//2.2 从左上右下的循环(（同步缩放从2-》0.5）)