微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记

框架 pixi.js
游戏配置game.json
游戏服务gameserver.js
- 帧同步
- - 操作流程
  - - 1.操作发送到帧同步
    - 2.用户收到帧，执行
  - 1.逻辑帧
  - - 定义帧同步帧率30
    - - this.fps = 30;
      - lockStepOptions.gameTick = 33
    - 逻辑帧的固定时间间隔 this.frameInterval
    - 调用逻辑帧 execFrame
    - - 逻辑帧 frameUpdate(dt)
      - 计算渲染帧渲染目标 preditUpdate(dt)
  - 2.渲染帧 window.requestAnimationFrame
  - - 渲染帧 renderUpdate(dt)

框架 pixi.js

游戏配置game.json

游戏服务gameserver.js

使用微信游戏服务wx.getGameServerManager，
包括房间及帧同步等，api参考官方文档。

帧同步

操作流程

1.操作发送到帧同步

发送GameServerManager.uploadFrame

2.用户收到帧，执行

接收GameServerManager.onSyncFrame

1.逻辑帧

定义帧同步帧率30

this.fps = 30;

lockStepOptions.gameTick = 33

（这里不懂为什么逻辑帧比实际游戏帧下发周期小3，难道不会导致计算的时间preFrameTick大于实际时间nowFrameTick，然后帧堆在本地，全跑的后边快进的逻辑）

逻辑帧的固定时间间隔 this.frameInterval

this.frameInterval = parseInt(1000 / this.fps);

用固定的时间间隔来计算运行结果，保证逻辑帧的运行结果一致

调用逻辑帧 execFrame

渲染帧执行时判断有没有未执行逻辑帧，有则执行
堆积过多时，就把堆积的全部执行，即为快进

逻辑帧 frameUpdate(dt)

dt为固定值this.frameInterval，用于计算逻辑帧的处理结果

计算渲染帧渲染目标 preditUpdate(dt)

dt为固定值this.frameInterval，用于计算渲染帧的最终渲染目标

2.渲染帧 window.requestAnimationFrame

window.requestAnimationFrame作为前端渲染帧，与帧同步的帧没有直接关系
在index.js中调用

渲染帧 renderUpdate(dt)

这里dt是当前渲染帧运行时间与上一个渲染帧的差值（数值不固定）

微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记相关推荐

微信小程序连接物联网（二）:NodeMCU Lua学习笔记
索引这是用微信小程序遥控开门的系列文章,具体微信小程序连接物联网的代码在第三章提及. 微信小程序连接物联网(一):初始化ESP8266 NodeMCU 微信小程序连接物联网(二):NodeMCU L ...
微信小游戏 Egret开发数据域官方Demo下载地址
随着引擎的升级,伴随而来就是各种问题,使用官方调试过的Demo,少走弯路. Mark下官方Demo 转载于:https://www.cnblogs.com/gamedaybyday/p/919218 ...
帧同步_微信小游戏接入“熊孩子噩梦”健康系统帧同步能力上线
3月31日,微信小游戏官方公众号"做个小游戏"发文宣布全新面向未成年人保护的健康系统已经上线,该系统联动"成长守护平台"的功能,可以更好助力家长群体对于未成年人 ...
微信小游戏 demo 飞机大战代码分析（四）(enemy.js， bullet.js, index.js)
微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞 ...
微信小游戏 - Canvas/WebGL Demo 移植
这是个人关于微信小游戏系列文章的第一篇,在这系列文章里会描述 -- 如何把一些 Canvas/WebGL Demo 移植到小游戏环境并支持双端运行: 对小游戏在 Android 平台的运行时架构进行分 ...
移植到android_微信小游戏 Canvas/WebGL Demo 移植
本文由大神易旭昕授权发布, 原文链接:https://zhuanlan.zhihu.com/p/33785287 (点击文后原文链接可跳转至作者的知乎) --------------------- ...
微信小游戏开发入门(二)-用CocosCreator官方Demo生成微信小游戏
微信已经放出小游戏的开发工具包,虽然功能尚未完善,但已经可以开发调试了.我们使用CocosCreator官方的polished_project例子来讲解如何生成微信小游戏. 1.下载polished_ ...
安卓游戏帧数如何测试软件,Android如何测试微信小游戏和小程序？
PerfDog作为移动全平台性能测试分析工具,开发者可以利用PerfDog进行性能数据获取及分析,提升小游戏&小程序的性能和品质.以下将通过详细的操作指引,手把手教大家如何利用PerfDog测 ...
极光会客厅：大型H5游戏如何登陆微信小游戏及游戏性能优化分享
上周末,由极光网络主办的首期"极光会客厅"正式开门迎客.在本次的"2D小游戏开发实战技术沙龙"上,极光网络客户端主程陈策以及极光网络项目总监陈源向一众与会者分享 ...

微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记

微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记

框架 pixi.js

游戏配置game.json

游戏服务gameserver.js

帧同步

操作流程

1.操作发送到帧同步

2.用户收到帧，执行

1.逻辑帧

定义帧同步帧率30

this.fps = 30;

lockStepOptions.gameTick = 33

逻辑帧的固定时间间隔 this.frameInterval

调用逻辑帧 execFrame

逻辑帧 frameUpdate(dt)

计算渲染帧渲染目标 preditUpdate(dt)

2.渲染帧 window.requestAnimationFrame

渲染帧 renderUpdate(dt)

微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记相关推荐

最新文章

热门文章