疯狂的小鸟公开课.pptVIP

HTML5 -“新窥视 疯狂的小鸟” 讲师：赖岗华 疯狂的小鸟 疯狂小鸟的游戏展示和介绍 所用到的主要知识点 游戏的制作原理分析 游戏的核心技术 HTML的趋势和发展方向 我们的目标 疯狂小鸟的游戏展示和介绍 展示小鸟游戏 所用到的基础知识点 HTML5 新的特性 内容标签：article文章、footer页脚、header页眉、nav导航、section内容部分 进度条progroess 多媒体元素 Audio：音频标签 Video：视频标签 HTML5-Canvas HTML5神器—Canvas 图形绘制标签 1、创建画板 2、初始化绘图笔 3、笔触颜色 4、笔触大小 5、图形的填充颜色 游戏的制作原理分析 本游戏关键步骤的分析： 1、主要在于完善小鸟的重力加速 2、小鸟的空格飞翔 3、障碍物的出现，障碍物的移动 4、碰撞检测 5、分值增加 游戏的核心技术 Phaser：游戏引擎 1、创建游戏对象 2、自主添加游戏元素（绘制游戏元素） 3、物理引擎（刚体、弹簧、碰撞检测） 4、键盘和鼠标的监听技术 游戏初步实现 游戏的前期准备（素材+游戏引擎） 1、背景图片 小鸟图片 砖块图片 2、游戏的引擎:Phaser.min.js 游戏初步实现 前台布局 !DOCTYPE html html head meta charset=utf-8