HTML5游戏开发案例教程PPT-第三章.pptxVIP

基础知识篇;3.1.1下载CreateJS;3.1.2介绍CreateJS;3.1.3对比CreateJS与Canvas;【案例3-1】：使用Canvas实现蝴蝶移动效果;【案例3-2】：使用EaselJS实现蝴蝶移动效果;【案例3-3】：使用EaselJS实现更多蝴蝶移动效果;3.2 CreateJS包简介;【案例3-4】：使用EaselJS包实现舞台编写文字效果;【案例3-5】：使用TweenJS包实现图形变形效果;【案例3-6】：使用SoundJS包载入音频效果;【案例3-7】：使用PreLoadJS包实现图片载入：;3.3EaselJS基础;3.3.1EaselJS容器;【案例3-8】：CreateJS Stage实现画图效果;容器-container;【案例3-9】：CreateJS Container实现图形移动效果;【修改案例3-9】：CreateJS Container实现图形移动效果;【案例3-10】：CreateJS Container实现更多移动效果;代码解析：;【案例3-10】：CreateJS Container实现更多移动效果 ;代码解析：;3.3.2EaselJS绘图;Graphics Class;Graphics Class;【案例3-11】：使用Graphics实现画图效果;修改Index.html，添加script src=Circle.js/script加载Circle.js源代码；并修改app.js为;Shape;【案例3-12】：使用Shape实现各种图形效果;图形变换-【案例3-13】：使用CreateJS实现旋转效果;修改代码段;【案例3-14】：使用CreateJS实现小球碰撞效果;代码解析：;3.3.3EaselJS事件;【案例3-15】：使用CreateJS实现鼠标事件1;【案例3-16】：使用CreateJS实现鼠标事件2;【案例3-17】：CreateJS鼠标移入移出效果;【案例3-18】：CreateJS鼠标拖动效果;【案例3-19】：CreateJS键盘事件;【案例3-20】：CreateJS图形随着键盘的移动而移动;代码解析：;3.4CreateJS控件;3.4.1Text;【案例3-21】：CreateJS文字效果;【案例3-22】：CreateJS数字自增效果;代码解析：;3.4.2BitMap;【案例3-23】：CreateJS BitMap实现图片加载效果;【案例3-24】：CreateJS BitMap实现图片加载效果2;3.4.3MovieClip;【案例3-25】：使用 MovieClip实现小球移动效果;代码解析： ;3.4.4 Sprite;【案例3-26】：使用Sprite实现跑跳效果;代码解析：;【案例3-27】：使用Sprite实现小猪飞翔效果;代码解析：;3.4.5 DOMElement;【案例3-28】：使用DOMElement实现容器中加载HTML元素;【案例3-29】：使用DOMElement实现HTML元素动画;3.5Tween函数包;【案例3-30】：使用CSSPlugin包创建Div元素 ;3.5.2 Ease;【案例3-31】：使用Ease包创建图形效果;TweenJS的主页上有所有图形的移动效果;3.5.3 MotionGuidePlugin;【案例3.-32】：使用MotionGuidePlugin包实现图形变形效果;3.5.4Tween;【案例3-33】：使用Tween包实现图形变形效果;代码解析：