请在此处填写作品信息此页非设计模板.PPTVIP

罗飞虎 ;个人介绍;目 录;世界观 情节 目的 。。。 ;制作流程;在移动端开发Html5游戏;小游戏“旋转吧大宝剑”;开发Html5游戏的五要素;设计动画;UI界面;游戏元素;;例子：绘画卡通风格角色制作动画;工具TexturePacker合并碎图;Cocos2d 的plist;原创绘画;图形渲染; 引擎通常包括两点 图形渲染引擎（canvas） 游戏框架集 引擎的好处： 图形渲染的优化，提供更友好的API使用 模块化开发（游戏分模块开发，插件模式） 黑盒子概念（开发者通常不需要考虑底层百分之八十精力关注游戏逻辑） 引擎如何选-----谁用谁知道 可以和Flash动画很好的结合 丰富的API 做到动画和开发角色分开。在动画设计层完全采用Flash制作;思想同步于cocos2d-x 移动端成熟2D手游引擎 丰富的API，多种类型游戏开发支持 ;Cocos2d-x引擎框架图;;Cocos2d-Html5 代码结构;游戏代码资源示例; 《DNF》守护骑士 ;优点： 比较快速、直接生成时间轴动画、自动生成代码。 在Flashcc后 直接从Flash发布Html5模式 流程： Flash动画--JS动画库(自动生成包括动画角色)--游戏逻辑开发 （在Flash里面用as1.0进行开发，也可以用js开发） 在游戏有很多动画表现的时候可以很便捷的转成JS代码。 ;两种方案： 1：矢量动画直接导出的是Base64字符码。体积小，消耗内存大 2：矢量图转化为位图发布后是位图碎图--合并大图+Data--代码分解 ;试玩一个用createjs 开发小游戏;var canvas = document.getElementById(canvas) var stage = new createjs.Stage(canvas); var loaderView= new loadlib.loading(); stage .addChild(loaderView); ;;游戏的优化;上线发布;加载优化;WebStorm JavaScript 开发工具。 1： 智能 强大的Html5编辑器 2：采用chrome 联调测试 ，结合chrome的移动端模拟器进行实时测试 3：模拟网络加载 4：很方便安装ant等插件 结合compiler.jar进行代码合并压缩混淆 /webstorm/;结 语;