网络游戏是如何处理动画特效的时间同步的？

[EXDestroyer]

例如炉石传说这种手游，某些特效是如何做到已经播放到中途的时候，别的玩家进入看到的也是中途的效果而不是从头开始的效果？（包括自己断线重进或者其他人观战）

这种效果用 canvas+websocket 我想到的也只能不停地向服务器发送每个动画的坐标数据，但是复杂的动画要如何做到能够在任意一个阶段开始播放？

[EXDestroyer]

@learnshare 如果按你这个解释的话，那么对于 web 层面来讲， css 动画的状态服务器根本没法保存，实现方式应该是其他方案

[shunia]

拿炉石打比方的话，一般的卡牌打出过程（比如任何无特效的放置牌），协议可以理解成这样：
时间戳 动作类型-出牌 卡牌 10001 打出
......
时间戳 动作类型-出牌 卡牌 10001 结束
这样就能从协议层面上解决动画播放同步的问题。
对于复杂的卡（导演），中间可能增加几个状态。

比如鼠标滑过自己的卡牌，会有一个冒头的效果，也可以用同样的道理去定这个协议。

当三方观战者加入时，并不是只收到最新的协议包，而是根据实际需要（可能是写死可能是服务器动态下发），获取最近的一批数据包。
这样对于客户端来说（任意一方，甚至是触发这个特效的一方），都可以通过这个时间戳加动作类型的一连串的包，计算当前的动画效果和播放状态，来实现任意细节的同步。

这就像是一个日志的记录、回放工具。

[arzusyume]

只要维护一个状态的开始时间, 理论上客户端是可以算出当前动画的状态的

[learnshare]

@EXDestroyer 也不会用 CSS 做实时性高的东西，对吧

[ljbha007]

炉石传说你看到技能进行到一半是因为 前一半在加载的时候就播放了

[yanchao7511461]

关键帧同步

[tttwww18]

动画都是实时渲染支持即时回放的，不需要同步动画的状态，游戏过程中只同步场景状态和操作序列即可，

[EXDestroyer]

@tttwww18 那么这种动画是采用什么制作的呢