实验17-1:元宇宙内容生态构建

产业场景:为成都打造一条“元宇宙文旅街区”。选“成都街区”场景,摆上茶馆、熊猫、商店和传送门,邀请访客进来逛。在等距视角的格子世界里搭建场景。多人同步是真实的:在同一台电脑上再打开一个本页面的标签页,两边的放置、删除和光标位置会通过浏览器的广播通道实时同步,就像多人在线编辑同一个世界。

场景环境

可放置物体

左键放置(同一格只能放一个),右键或按住 Shift 点击删除,R 键旋转选中的建筑。

多人在线

场景文件

生态指标

1在线
0物体
0同步消息

技术原理

等距投影:格子坐标 (i, j) 映射到屏幕 x = (i − j)·半宽,y = (i + j)·半高,按 i + j 从远到近绘制,近处物体自然遮挡远处物体。

状态同步:每次编辑都作为一条“操作消息”广播给其他客户端,各端按相同顺序应用,保持场景一致(真实产品用 WebSocket 服务器转发)。

场景描述:世界被保存为 JSON,可导出、分享、导入,这就是用户生成内容(UGC)的基本形态。