目录

  • 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
3月11日任务说明

一、请查看3月11号作业


二、学习任务

1.复习绘制线条、矩形和圆形(课本+视频)

2.贝塞尔曲线(课本+视频+案例库)



三、作业:

Test2:

二选一题:

绘制一个三角形;

绘制一个平行四边形


二选一题:

在网页中绘制一个三次方贝塞尔曲线

使用贝塞尔曲线绘制一个近似圆


四、上传作业:

 

 将作业源码及运行结果以311+学号作业rar结尾(zip压缩)上传至作业3.11任务中


(因为各种原因不能上传作业的同学请也在作业区域说明,到时候回学校再补,请注意:没收到缺作业原因的同学回校不给补作业!)