主页/项目集/AI+Babylon.js 科技展馆数字孪生大屏
AI+Babylon.js 科技展馆数字孪生大屏新项目ZYBK Pro 打开预览

项目简介

基于 Vue3 + Babylon.js 的科技展馆数字孪生大屏 Demo。

中央三维展馆可旋转、可漫游;左右运营看板看客流、环境、活动与展陈运维;底部昼夜时间轴支持自动播放与拖动。支持 POI 一键定位、点击地面进馆巡览,把三维空间、运营数据和昼夜光照绑在一起,适合演示、学习与二次开发。

在线预览:https://www.zybkpro.top/babylonjs/zt/#/

功能清单

  • 三维场景:Draco glTF 展馆模型,天空盒 / IBL,阴影与辉光
  • 左右看板:客流、展项热度、场馆环境、展厅开放;活动运营、趋势、互动、展陈运维(ECharts)
  • 昼夜时间轴:按时刻切换光照,可自动播放、暂停、拖动
  • POI 标注:主入口、设备区、中央展台等热点,点击定位
  • 点地行走:点击地面贴地移动,走进室内沿展线巡览
  • 路径漫游:环绕航线自动飞行,可随时进出
  • 小地图:俯视辅助定位
  • 工程化:Vue3 + Vite + TypeScript,场景层与界面层拆分,换模型 / 改看板方便二次开发

项目截图