摇杆

js 游戏摇杆 智能小车 方向盘 < ! doctype html > < html > < head > < meta charset = "utf-8" > < title > js 游戏摇杆 智能小车方向盘 < /title > < meta name = "viewport" content = "width=device-width,initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable=no" / > < style > * { margin: 0 ; padding: 0 ; } body { background: rgba ( 175, 175, 175, 0.2 ) ; } .div1 { width: 200px ; height: 200px ; background: rgba ( 0, 0, 0, 0.15 ) ; border-radius: 100% ; position: absolute ; top: 50% ; left: 50% ; margin-left: -100px ; margin-top: -100PX ; } .div2 { width: 50px ; height: 50px ; background: rgb ( 255, 255, 255 ) ;

上节讲到了匹配系统，匹配完成之后，我们就需要开始进行帧同步了。但是，需要注意，只有房主才可以调用开始帧同步的方法。因此，需要加一层判断。 然后，房间内的其他玩家需要监听开始帧同步的广播，接收到开始帧同步的消息之后，进入游戏场景。 game_scene：游戏主场景。（终于到最关键的逻辑部分了） 首先，进入游戏主场景之后，进行一些玩家的初始化（比如位置，血量，攻击，防御等信息），还有摇杆的初始化。 需要注意的是，玩家的出生位置这一部分逻辑稍微复杂一些。因为，没有服务器逻辑支持，所以只能在客户端想办法。于是，我预先定义了两组，共六个玩家的位置。然后，把服务器传过来的房间内玩家也进行分组，最后将两个分组内的玩家分别和位置信息映射好就可以了。这部分逻辑在GameScene.ts的 initPlayerPoss方法里。 摇杆分为左摇杆和右摇杆。左摇杆是控制坦克的位置和方向的，右摇杆控制坦克的炮头方向和射击。（坦克的方向和坦克的炮头方向互不影响，需要注意一下） 所有初始化动作完成之后，就需要处理逻辑帧消息和发送帧消息了。以下是接收帧消息和发送帧消息的主要代码 每次处理完帧消息之后，就把逻辑帧的信息同步到表现层，然后把当前帧的消息发送到服务器。 之前，给服务器发送帧消息，我是每次摇杆监听到有变动就发送。这样会导致帧消息发送太频繁，没有必要这样做。另外，还会导致一个致命的问题，帧消息的顺序错乱