This topic created in 3539 days ago, the information mentioned may be changed or developed.
例如炉石传说这种手游，某些特效是如何做到已经播放到中途的时候，别的玩家进入看到的也是中途的效果而不是从头开始的效果？（包括自己断线重进或者其他人观战）
这种效果用 canvas+websocket 我想到的也只能不停地向服务器发送每个动画的坐标数据，但是复杂的动画要如何做到能够在任意一个阶段开始播放？
 |
1
mslmsl111 Aug 29, 2016 via iPhone
那些特效都装在你电脑里了，他传个比如使用卡片 no.20 就行了
|
 |
2
EXDestroyer OP @mslmsl111 这样的话，每个动画的播放时间是固定的，那怎么做到对方效果已经播放到一半的时候，我这边再进入游戏也是一半
|
 |
3
ChinaTelecom Aug 29, 2016 via Android
也许比你想的简单 也许就是联机的实现是整个场景同步 自然包括了动画之类的当前状态
|
|
4
EXDestroyer OP @ChinaTelecom 但是这些动画都是依赖玩家的下一步操作的，程序也不知道后面将要播放什么动画
|
 |
5
yushiro Aug 29, 2016 via iPhone
是你们都想复杂了吧，你怎么知道进入游戏时候播放一半的动画效果就是与对战的两人同步的呢，也许只是随机一个位置给你播放
|
|
6
EXDestroyer OP @yushiro 那么如果是随机的话，双方结束动画的时间点不一致，那不会导致后续双方游戏交互过程的延迟吗
|
 |
7
acros Aug 29, 2016
动画是关键帧计算插值的。
同步帧状态，客户端自己计算下就好。 |
|
8
yushiro Aug 29, 2016 via iPhone
你刚才举例的是观战者，只需要在思考的时间段同步即可。
对战的两人也一样，相对于思考阶段，动画时间还是属于短暂的 |
|
9
acros Aug 29, 2016
“帧状态”这个词有点歧义，你当动画是个 key-value 对， key 是动画播放时间，有了这个值，本地就可以计算 value 了、
|
 |
10
learnshare Aug 29, 2016
|
 |
11
calease Aug 29, 2016
观看的客户端只要知道最后一条指令是什么时候发出来的以及结果是什么，就可以自己计算动画了啊。
|
 |
12
ferock PRO @EXDestroyer 延迟并不重要，关键是结果要一致。。。人人交互的游戏，其实就像下棋一样，毕竟有太多逻辑可以提供停留和等待。
|
 |
13
arens Aug 29, 2016
是你把特效和比赛过程理解上分离了吧，他们本身也许就是一体的，而你进入观战，本身就是类似一个视频的方式，如果对方仍在比赛最后 1 秒，你仍可观战，通常观战都是延迟一点时间来播放（参考 LOL 观战，大概延迟十几分钟），应该是为了保证公平性~
|
|
14
EXDestroyer OP @learnshare 我主要想知道对动画特效的处理，不是指网络延迟
|
|
15
EXDestroyer OP @ferock 卡牌游戏可能等待时间确实充足，但是也有一些限时游戏的吧，比如赛车？或者那种限时多少秒内多个人同时参与，时间结束出结果的游戏
|
 |
16
xddxdd Aug 29, 2016 via Android
@EXDestroyer 你具体看到的是什么特效？印象中炉石断线重连后特效是从头播放的
|
 |
17
paradoxs Aug 29, 2016
把游戏状态反馈给客户端，客户端自动计算动画， 观战的人接收到 参战的人的状态，也自动计算动画了啊。
|
 |
18
x8 Aug 29, 2016
炉石传说能看见从中途播放的特效吗？我没有验证这个情况。
一般游戏不会做特效或者技能动画之类的状态同步，因为没必要，引入太多状态同步的复杂性，而且游戏体验并没有上升多少，游戏只要保证结果状态一致就行。固定的动画和游戏物体位移不是一个东西，不要混在一起。 如果要做，比如炉石传说，这种回合制对战状态自由度没那么高，相对好做一点。就在游戏一开始的时候记下时间点，玩家在什么时间点使用了什么卡牌，记下时间点，卡牌的动画效果以及播放时间是固定的，根据动画或者特效播放的起始时间点，就可以推算出当前时间点下，动画播放到哪一帧了，接着放就行。 |
|
19
learnshare Aug 29, 2016
|
|
20
ferock PRO @EXDestroyer 不同的游戏，处理方式不一样，因为要求也不一样。没有具体业务场景，聊技术方案就是耍流氓
|
|
21
EXDestroyer OP @learnshare 如果按你这个解释的话，那么对于 web 层面来讲， css 动画的状态服务器根本没法保存，实现方式应该是其他方案
|
 |
22
shunia Aug 29, 2016
拿炉石打比方的话，一般的卡牌打出过程（比如任何无特效的放置牌），协议可以理解成这样：
时间戳 动作类型-出牌 卡牌 10001 打出 ...... 时间戳 动作类型-出牌 卡牌 10001 结束 这样就能从协议层面上解决动画播放同步的问题。 对于复杂的卡（导演），中间可能增加几个状态。 比如鼠标滑过自己的卡牌，会有一个冒头的效果，也可以用同样的道理去定这个协议。 当三方观战者加入时，并不是只收到最新的协议包，而是根据实际需要（可能是写死可能是服务器动态下发），获取最近的一批数据包。 这样对于客户端来说（任意一方，甚至是触发这个特效的一方），都可以通过这个时间戳加动作类型的一连串的包，计算当前的动画效果和播放状态，来实现任意细节的同步。 这就像是一个日志的记录、回放工具。 |
 |
23
arzusyume Aug 29, 2016
只要维护一个状态的开始时间, 理论上客户端是可以算出当前动画的状态的
|
|
24
learnshare Aug 29, 2016
@EXDestroyer 也不会用 CSS 做实时性高的东西，对吧
|
 |
25
ljbha007 Aug 29, 2016
炉石传说你看到技能进行到一半是因为 前一半在加载的时候就播放了
|
 |
26
yanchao7511461 Aug 29, 2016
关键帧同步
|
 |
27
tttwww18 Aug 30, 2016
动画都是实时渲染支持即时回放的，不需要同步动画的状态，游戏过程中只同步场景状态和操作序列即可，
|
|
28
EXDestroyer OP @tttwww18 那么这种动画是采用什么制作的呢
|
Select Language