用 Element-115 开一间浏览器飞行房间

Lincoln

发布于13天前
Laugh
Element-115 是一个直接跑在浏览器里的 3D 飞行模拟器。装到懒猫微服后,打开应用就能进入飞行场景;同一微服里的朋友也可以填同一个房间名,临时开一间多人飞行房。


![tutorial-01-launch.png](https://dl.playground.lazycat.cloud/guidelines/558/a257b86a-353d-4af6-a26d-082568f0c386.png "tutorial-01-launch.png")

## 1. 先单人起飞,确认画面和控制正常

第一次打开时先用默认飞机飞一小段。桌面端可以用键盘控制,手机端会出现触控摇杆、油门和常用按钮。先确认速度、高度、护盾、得分和目标框都在正常刷新,再进入多人房间。


![tutorial-02-mobile.png](https://dl.playground.lazycat.cloud/guidelines/558/9188f768-bfe9-40df-a604-08aba265b15b.png "tutorial-02-mobile.png")

如果手机上只看到错误文本或资源加载失败,刷新一次页面,或者换到最新版 Chrome、Edge、Safari。Element-115 依赖 WebGL 和 3D 资源,浏览器太旧、网络中断或禁用硬件加速时,最容易先在手机端暴露问题。

## 2. 多人房间怎么填

打开起飞前的面板后,看 `NETWORK FLIGHT` 区域。`CALLSIGN` 是你在房间里的呼号,`SERVER` 填当前应用的 WebSocket 地址,`ROOM` 填房间名。几个人要一起飞,就填完全相同的 `SERVER` 和 `ROOM`。


![tutorial-02-room-setup.png](https://dl.playground.lazycat.cloud/guidelines/558/11f13b4f-ca35-4a21-9a4f-93dc6e4bd249.png "tutorial-02-room-setup.png")

懒猫微服里通常可以这样理解:网页地址是 `https://element-115.`,多人服务地址就是同一个入口的 `wss://element-115.`。房间名可以随便起,比如 `friend-flight`、`night-run`、`family-airshow`;换一个房间名,就会进入另一组临时房间。

手机端也能填同样的房间信息。小屏上建议先把房间和呼号填好,再点开始飞行;起飞后触控摇杆和油门会占用屏幕边缘。


![tutorial-05-mobile-room.png](https://dl.playground.lazycat.cloud/guidelines/558/cc2818ee-365f-44a3-a9c4-d2f9ff315b44.png "tutorial-05-mobile-room.png")

## 3. 两个人进入同一房间后看什么

两台设备或两个浏览器窗口进入同一个房间后,服务端会把玩家状态通过 WebSocket 同步。你会继续看到自己的飞行画面,同时房间里的其他玩家会以远端飞机、呼号或竞速状态参与同步。


![tutorial-03-room-connected.png](https://dl.playground.lazycat.cloud/guidelines/558/6437cb3b-9fab-47e0-ab84-5425312d073b.png "tutorial-03-room-connected.png")

房间状态也可以从健康接口看到。下面这个实际状态表示当前服务里有 1 个房间、2 个玩家连接;这类数据只代表当前内存里的临时房间。


![tutorial-06-room-health.png](https://dl.playground.lazycat.cloud/guidelines/558/5d4c099f-d031-489f-82b5-45e3ca006ee6.png "tutorial-06-room-health.png")

多人房间适合临时一起飞、一起练习穿环和竞速。它不是聊天系统,也不是长期战绩系统;应用容器重启后,房间和玩家位置会清空。需要长期保留的内容,应该用模型调参保存功能。

## 4. 保存飞机模型调参

如果导入或切换飞机后发现比例、朝向、位置不合适,可以打开 `MODEL TUNE` 面板微调。常用的是 `Scale`、`Rot X/Y/Z` 和 `Pos X/Y/Z`。调到合适后点 `SAVE`,懒猫微服版本会写入服务端持久化文件。


![tutorial-04-model-tune.png](https://dl.playground.lazycat.cloud/guidelines/558/166ae919-97e8-4d81-9385-80943edebae9.png "tutorial-04-model-tune.png")

持久化文件位置是:

```text
/data/plane-tweaks.json
```

这和多人房间不同:多人房间状态会随容器重启清空,飞机模型调参会保存在微服数据目录里。刷新页面、重启应用后,再加载同一架飞机,保存过的姿态仍会生效。

## 5. 建议的体验顺序

先单人飞一圈,确认浏览器和 WebGL 正常;再填同一个房间名让第二台设备加入;最后试一次 `MODEL TUNE` 保存。这样可以一次检查飞行画面、手机布局、多人同步和持久化调参这几个关键能力。

评论

0

暂无评论

说点什么呢~
收藏
0
0
0