HTML5跨平台游戏开发PPT课件.ppt

HTML5跨平台游戏开发
腾讯无线游戏产品部
曹雨
http://t./aniao8527
保证在各个平台可以正常使用
保证照顾到各个平台的的性能
保证各个平台的用户体验并照顾到平台差异性
跨平台的标准
怎样才叫跨平台
1
2
3
交互方式的不同
事件的不同
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
事件的管理
用户面板
金钱面板
仓库
长经验
升级
事件类型
监听对象
调用函数
用户交互事件要针对不同平台做适配
不用的对象一定要从事件管理器里注销,不然会内存泄漏
两个注意点
保证照顾到各个平台的的性能
移动设备就是木桶的短板
死循环
clear
render
sleep
清屏
开始渲染各个组件
休息一下控制帧率(如果还有时间休息的话)
最简单的游戏渲染流程
while(true)
{
clear();
render();
sleep();
}
脏矩形技术
最保险方式是所有和重绘区域有交集的对象都重绘该区域