技术原理
等距投影:格子坐标 (i, j) 映射到屏幕 x = (i − j)·半宽,y = (i + j)·半高,按 i + j 从远到近绘制,近处物体自然遮挡远处物体。
状态同步:每次编辑都作为一条“操作消息”广播给其他客户端,各端按相同顺序应用,保持场景一致(真实产品用 WebSocket 服务器转发)。
场景描述:世界被保存为 JSON,可导出、分享、导入,这就是用户生成内容(UGC)的基本形态。
产业场景:为成都打造一条“元宇宙文旅街区”。选“成都街区”场景,摆上茶馆、熊猫、商店和传送门,邀请访客进来逛。在等距视角的格子世界里搭建场景。多人同步是真实的:在同一台电脑上再打开一个本页面的标签页,两边的放置、删除和光标位置会通过浏览器的广播通道实时同步,就像多人在线编辑同一个世界。
等距投影:格子坐标 (i, j) 映射到屏幕 x = (i − j)·半宽,y = (i + j)·半高,按 i + j 从远到近绘制,近处物体自然遮挡远处物体。
状态同步:每次编辑都作为一条“操作消息”广播给其他客户端,各端按相同顺序应用,保持场景一致(真实产品用 WebSocket 服务器转发)。
场景描述:世界被保存为 JSON,可导出、分享、导入,这就是用户生成内容(UGC)的基本形态。