HTML5游戏开发进阶指南读书笔记

原创 黎云锐 教程 前端 4483阅读 19 天前 举报

创建游戏图层#gamecanvas(游戏图层)、#scorescreen(得分显示图层)、#gamestartscreen(游戏开始图层)、#levelselectscreen(关卡选择图层)、#loadingscreen(资源加载图层)、#endingscreen(游戏结束图层)所有图层共用.gamelayer,所有图层放于#gamecontainer中。

解决动画函数requestanimationframe兼容性问题:

构建资源加载器:

创建关卡加载器:

构建鼠标对象:

构建game对象

初始化init( ):调用loader对象初始化函数检测浏览器支持的音频格式;

调用level对象初始化函数获取内部定义的关卡数据,加载出#levelselectscreen关卡按钮并为按钮绑定关卡资源加载函数,对应关卡资源加载完毕调用game对象的start函数;

调用mouse对象初始化函数为鼠标行为绑定处理函数;

获取#gamecanvas绘制上下文;

为game对象创建start函数

为game对象创建animate函数

为game对象创建handlePanning函数

为game对象创建panTo函数

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复