您的浏览器Javascript被禁用,需开启后体验完整功能, 请单击此处查询如何开启
网页 资讯 视频 图片 知道 贴吧 采购 地图 文库 |

微信端彩票平台出租,HTML5游戏开发实例分享-百度_计算机软件及应用_IT/计算机_专业资料

50394人阅读|46次下载

微信端彩票平台出租,HTML5游戏开发实例分享-百度_计算机软件及应用_IT/计算机_专业资料。微信端彩票平台出租HTML5 游戏开发实例分享 Baidu Space 团队 图像版权归CAPCOM公司所有。 罗睿 luorui@baidu.com 12/16/2010 我是IE9 我是Chrome8 目录


HTML5 游戏开发实例分享 Baidu Space 团队 图像版权归CAPCOM公司所有。 罗睿 luorui@baidu.com 12/16/2010 我是IE9 我是Chrome8 目录 ? ? ? ? HTML5简介 使用HTML5技术开发游戏 总结与展望 Q&A 图像版权归CAPCOM公司所有。 HTML5简介 ? 什么是HTML5? ? HTML5有哪些优点和新特性? ? HTML5能做些什么? 什么是HTML5? ? HTML5是XHTML宣告失败后的新宠儿。 ? 2006年,W3C承认他们在期待HTML迁移到 XML方面过于乐观。 ? 2009年,W3C停止了关于XHTML2.0的工作, 并将资源转向HTML。 ? 现在,标准专家们正把所有令人兴奋的、新 的Web技术都塞进HTML5中。微信端彩票平台出租 HTML5有哪些优点和新特性? ? ? ? ? ? ? ? ? 减少了对外部插件的需求 (Flash / SilverLight) 更优秀的错误处理。 更多取代脚本的标记,新元素和表单控件。 用于绘画的canvas元素。 用于媒体回放的video和audio元素。 对本地离线存储更好的支持。 Web Messaging,Web Workers,Web Socket …… HTML5能做些什么? ? 有如此多的新功能,应该做点什么了。 ? 取代JS验证的表单? 用更语义化的标签构建页面? 还是实现一个即时聊天工具? ? 嗯……似乎还不够激动人心。 那么,使用canvas和audio做游戏吧! 使用HTML5技术开发游戏 ? ? ? ? ? ? ? ? 可行性研究。微信端彩票平台出租 工欲善其事必先利其器。 游戏系统结构。 游戏细节的把握。 Canvas的效率和兼容性。 Audio的效率和兼容性。 游戏优化。微信端彩票平台出租 存在的问题。 可行性研究 ? ? ? ? ? 俄罗斯方块,吃豆子还是别的什么? Knights of the Round 圆桌骑士。微信端彩票平台出租 模拟器 VS 手工复刻。 10MHz VS 3GHz 60FPS VS 30FPS 俄罗斯方块,吃豆子还是别的什么? WOW! 真酷! Knights of the Round 圆桌骑士 ? 圆桌骑士(knights of the round)是由 CAPCOM公司于1991年推出的一款动作游戏, 对应游戏平台为街机,游戏基板为CPS1。 ? 游戏操控性上,圆桌骑士也更为注重一招 一式地砍杀感觉,那种刀碰铠甲的感觉相 当曼妙。 Knights of the Round 圆桌骑士 模拟器 VS 手工复刻 ? 用JS制作CPS1模拟器? – ROM解码 – 68000汇编 – ……还是算了吧,弄不来。微信端彩票平台出租 ? 纯手工复刻? – 这个比较可行…… 10MHz VS 3GHz CPS1's Motorola 68000 (@ 10 MHz) CPU and graphics IC Intel Core i7 1.6 GHz to 3.33 GHz 60FPS VS 30FPS ? 显而易见,60FPS 比 30FPS更有表现力,视 觉感受更流畅。 ? CPS1的帧频是60FPS,要提高仿真度,帧频 必须达到60。 ? 带来的问题是对性能的苛刻要求。 工欲善其事必先利其器 ? 动作游戏的核心在于各种精灵的动作。 ? 需要一种工具,能够方便的创建,编辑, 精灵所需要的帧与动作。 ? 在写游戏之前,必须完成基础设施建设。 为此开发了SpriteEditor工具,纯JS开发,利 用data URI scheme 和图片另存为功能保存 jsonp格式的精灵配臵文件。 SpriteEditor 游戏系统结构 更新 游戏状态 信息 仿真器 信息 信息 行动 渲染器 控制器 典型游戏软件系统结构图 圆桌骑士DEMO系统结构 …… Soldier …… Info Sound Manager Sprite Manager Render Manager Command Manager Info Manager Stage Manger Managers Scroll Manager Lancelot Effect Characters Effects Character Game Driver Sprite Resource Data Game Controller Resource Loader 入口 Base 游戏细节的把握 ? 每一个像素,每一帧,每个动作都力求与 原作一致。 ? 使用Winkawaks模拟器的截图工厂,配合 Fireworks图形处理,以及SpriteEditor工具, 打造出完美的游戏角色。 ? 同样使用Winkawaks的音频录制功能,配合 Goldwave音频处理软件,保持原汁原味。 Canvas的效率与兼容性 ? Canvas渲染的效率很不错,在Chrome里分 辨率384*224轻松跑到200帧以上。不过拉 伸后效率下降较严重。 ? 值得一提的是IE9,得益于强大的硬件加速, 即使放大10倍以上,帧率也不低于60。相 比之下其他浏览器惨不忍睹,帧数不到两 位数。 ? Chrome开发版开启硬件加速反而变慢了。 Canvas的效率与兼容性 ? 比较杯具的是canvas同样存在兼容问题。 ? 例如: IE9 beta还不支持globalCompositeOperation 其他浏览器的globalCompositeOperation 效 果也不是完全一致。 Opera的save和restore与其他浏览器不一致。 ? IE9不支持canvas的toDataURL方法,如果调 用会导致浏览器崩溃。 Canvas的效率与兼容性 Chrome Firefox Opera Safari globalCompositeOperation兼容情况 IE9尚未支持。 Audio的效率与兼容性 ? 说到Audio,更加杯具的事实。 ? API少得可怜,只能播放,暂停,调节音量, Seeking和其他基本功能。 ? 不能改变音调,调整播放速度,多声道控 制,也不能进行流处理,不能指定播放某 一段落,总之你想干的事情都不行。 ? 各浏览器支持的音频格式也不尽相同。 Audio的效率与兼容性 ? Firefox还不支持loop循环播放属性。 ? Chrome在密集调用play,pause或设臵 currentTime时会导致延迟,甚至浏览器崩 溃。 ? Safari不支持脚本化的audio,如果使用脚本 创建audio标签将无法正常工作。 Audio的效率与兼容性 ? 目前IE9已支持MP3格式,仍不支持Ogg。 较早的音频格式支持情况 游戏优化 ? 如何实现高帧频?迭代渲染使用setInterval, 不使用setTimeout。 ? 动画的实现方法比较。避免给每个精灵设 臵定时器,可能造成队列阻塞,效率低下。 尝试在一个统一的定时器中处理多个精灵 动画。 ? 避免给多个对象绑定事件监听,尝试使用 统一的事件代理。 存在的问题 ? 有许多过程没有抽象出来,硬编码比较多。 ? 耦合性较高,在对象间的交互中知道太多 对方的细节。 ? 将进行重构,运用更合理的设计模式。 ? 需要开发更完善的辅助工具。 总结与展望 ? 目前HTML5还相当不成熟,但仍值得期待。 ? 缺少成熟的开发框架和环境。 ? 仍然存在较大的兼容性问题。 ? 商业化难题,JS程序易被篡改,只能作为渲染 终端。 ? 这是一次新技术的探索与实践,希望能以 此抛砖引玉,一起来尝试新技术,开拓思 维,创造更有价值的应用。 Q & A 最后附上圆桌骑士复刻项目地址: http://code.google.com/p/knights-of-the-round-re-edition/ Thanks!
+申请认证

文档贡献者

HTML5梦工场

HTML5梦工场

0 0 0.0
文档数 浏览总量 总评分

喜欢此文档的还喜欢