HTML5跨平台游戏开发.ppt

HTML5 跨平台游戏开发腾讯无线游戏产品部曹雨 http://t./aniao8527 保证在各个平台可以正常使用保证照顾到各个平台的的性能保证各个平台的用户体验并照顾到平台差异性跨平台的标准怎样才叫跨平台 123 交互方式的不同事件的不同 PC 常见的交互有单击,双击,拖动,窗口缩放触屏常见的交互有点击,拖动,多点触控,各种传感器键盘手持设备有……啥都没有 PC : click, dblclick, dragstart, dragend, mousemove 触屏:click, touchstart, touchend, touchcancel, touchmove, "Gesture" 保证不同平台能正常使用先把应用跑起来不同平台安卓 IOS PC CLICK:click DRAG:dragstart, mousemove, dragend CLICK:touchstart, touchend DRAG:touchstart, touchmove, touchend CLICK:touchstart, touchend DRAG:touchstart, touchmove, touchend 用不同平台的基础事件来组装我们的虚拟事件( Android 和 IOS 监听 touch 事件后很可能不会触发 click 事件) 管理器 Drag 植物收获 Click 事件的管理用户面板金钱面板仓库长经验升级事件类型监听对象调用函数用户交互事件要针对不同平台做适配不用的对象一定要从事件管理器里注销,不然会内存泄漏两个注意点保证照顾到各个平台的的性能移动设备就是木桶的短板脏矩形技术抛弃 Canvas 六参数放射变换模型,采用简化四参数模型。放弃旋转功能各种缓存提高性能的措施每秒 3帧的速度你伤不起 123 死循环 clear rend er sleep 清屏开始渲染各个组件休息一下控制帧率(如果还有时间休息的话) 最简单的游戏渲染流程 while(true) { clear(); render(); sleep(); }脏矩形技术最保险方式是所有和重绘区域有交集的对象都重绘该区域