幻灯片1 - Flash开发者大会.pptVIP

—— HTML5游戏开发之旅 About Me @Flashlizi () RIA开发者 (Flash/Flex/AIR/HTML5) 盛大创新院 研究员 Why HTML5 Game? HTML5新特性为游戏开发提供了可能 技术门槛低、开发成本低 跨平台，特别是移动平台 给开发者多一种选择（Flash、Unity、HTML5 etc） HTML5 Game 现状 初级阶段 游戏内容主要是Flash游戏发展过程中的最初类型 国内开发者先驱（磊友、热酷等） 移动平台更受青睐，手机社交游戏潜力大 HTML5 Game 开发 知识准备 JavaScript HTML5（Canvas、Audio、WebSocket、CSS3 etc） 合适的开发引擎或框架 （QuarkJS、EaselJS、ImpactJS etc） QuarkJS 简介 主要特性： 面向对象编程模式 完整的显示对象架构（AS3-like） 事件交互、碰撞检测、缓动动画等 支持Canvas、DOM两种渲染模式，且可扩展 兼容PC、Pad、Mobile等 —— HTML5 2D开源游戏框架 ——开源地址：/quark-dev-team/quarkjs QuarkJS DisplayObject - Bitmap var bmp = new Q.Bitmap({image:img, rect:[0,0,64,84]}); Image的某个指定矩形区域 QuarkJS DisplayObject - MovieClip var fishData = { image:getImage(fish), frames:[ {rect:[0,0,55,37], label:swim}, {rect:[0,37,55,37]}, {rect:[0,74,55,37]}, {rect:[0,111,55,37], jump:swim}, {rect:[0,148,55,37], label:capture}, {rect:[0,185,55,37]}, {rect:[0,222,55,37]}, {rect:[0,259,55,37], jump:capture}], regX:35, regY:12, useFrames:true, interval:5 }; Image的若干矩形区域组成的集合序列，按照一定规则播放 HTML5 Game Tour 演示Demo (详见HTML5版slides) HTML5 Game 机遇 Flash Player撤离Mobile Browser 现代游览器飞速发展，HTML5竞赛 Mobile端的游戏特别是社交游戏方兴未艾 HTML5 Game 挑战 接近于Native的性能 IOS、Android、Windows Phone等的兼容 完善的游戏特性支持（如Audio、WebSocket等） 开发工具、解决方案、社区等 HTML5 vs Flash PC平台 —— 不具备可比性，Flash已非常成熟 Mobile平台 —— HTML5和AIR面临同样的机遇和挑战 “死亡说”可休矣 开发者不必非此即彼，可以两者都掌握 根据项目选择合适的技术方案 Flash社区提供潜在H5开发者 基于ECMAScript的编程语言（JS vs AS) 开发者众多，游戏开发经验不可替代 很多开发者本身对JS、HTML等亦有了解，迁移成本低 HTML5 + Flash Are you a Flasher who is enjoying looking at new options? Are you a JavaScripter who can accept the benefits of Flash?