HTML5 在游戏开发中的应用

marco

贡献于2012-12-10

字数:0 关键词: 游戏开发 HTML

More Weapons More Power 浅谈HTML5技术在游戏开发中的应用 魏子钧 关于我 网名: 大城小胖 ( fins/finscn/fins_cn ) blog: fins.iteye.com twitter: @finscn 新浪微博: @大城小胖 Web技术爱好者 & 游戏开发爱好者 胖子控 关于今天的分享 关于今天的分享 浅谈 关于今天的分享 浅谈 不讲如何开发HTML5游戏 关于今天的分享 浅谈 不讲如何开发HTML5游戏 不讲HTML5各个特性的具体用法 关于今天的分享 浅谈 不讲如何开发HTML5游戏 不讲HTML5各个特性的具体用法 讲啥 ? The Age of HTML4 Part 1 HTML4 与 简单动画 HTML4 与 简单动画 浮动广告流程: 绝对定位的div里塞张图片 setInterval { 计算div新坐标 移动div到新坐标 (歇一会儿) } 游戏等于互动动画: 动画 + 输入 + 逻辑 游戏流程: 初始化游戏各个对象 以及相关dom setInterval { 处理用户输入,执行游戏逻辑 计算各个对象新状态 更新dom到新状态 (歇一会儿) } 从 简单动画 到 简单游戏 Animation / 帧动画 / 动画序列 CSS Sprite : background-position 帧动画 与 Dom CSS-Sprite 缺乏动态绘制图像的能力 对 复杂动画 或 组合图片 无能为力 开发方式略显“怪异”,与传统游戏开发思路差别较大 Dom + CSS 的局限性 Hello HTML5 Part 2 Canvas Canvas Canvas 与 HTML5游戏 绘制几何图形 绘制位图 • gc=canvas.getContext(“2d”) • gc.drawImage(img,dx, dy) • gc.drawImage(img, sx, sy, w, h, dx, dy, w, h) 像素级操作 图形图像的变换 (transform ) 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 画了擦,擦了画... 更自由 更灵活的去操作图像,绘制图形 相当于可动态编辑的 Canvas 与 HTML5游戏 Canvas 与 HTML5游戏 CSS 3 CSS 3 与 HTML5游戏 Animation Transition Transform Cheap 3D CSS 3 与 HTML5游戏 RGBA gradient Multiple Background Background size/clip/origin Border Radius/Image Web Font Box Shadow Text Fill/Stroke/Shadow ... ... 其他HTML5特性 与 游戏 Audio / Video Web Socket / XMLHttpRequest 2 Web Worker localStorage / sessionStorage WebDB / IndexdDB File API applicationCache / offline app GeoLocation / DeviceMotion / CaptureAPI SVG / WebGL HTML5 & Mobile Part 3 移动平台的魅力 移动平台的魅力 全新的用户体验 • 多点触控/重力感应/陀螺仪/地理位置 移动平台的魅力 全新的用户体验 • 多点触控/重力感应/陀螺仪/地理位置 随时.随地.随身 • 沟通/娱乐/Always online 移动平台的魅力 全新的用户体验 • 多点触控/重力感应/陀螺仪/地理位置 随时.随地.随身 • 沟通/娱乐/Always online 适合HTML5生长的土壤 • 大部分 *优秀的移动平台* 均支持HTML5 • 使用 *优秀的移动平台* 的人越来越多 • 基于Web的RIA应用的不二选择 All For DEMO Part 3 Demo Troubles Part 4 让人抓狂的问题 技术的多样性带来的困惑 如何取舍 开发工具 性能 浏览器默认行为 跨浏览器兼容性 HTML5标准的完善与普及 不管与你的路有多苦 我只想要拥有最后的祝福 再多的伤害我都不在乎 愿你我挣脱一切的束缚 不管与你的路有多苦 擦干眼泪告诉自己不准哭 我不怕谁说这是个错误 只要你我坚持 永不认输 Q&A >_<

下载文档,方便阅读与编辑

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 6 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档

相关文档