主页/项目集/Vue3+Three.js 智慧船舶数字孪生大屏

项目简介

【船舶智能运维中心】Vue3 + Three.js 数字孪生可视化大屏演示

中间是可交互的 3D 集装箱货轮,两侧是业务数据面板: • 船舶信息 / 货物装卸 / 主机状态 • 航行状态九宫格 / 燃油管理 / 偏航监测 • 海面反射 + HDR 天空,艏艉左右舷吃水 HUD 标签 • 蓝绿双主题一键切换,1920×1080 大屏适配

技术栈:Vue 3 · TypeScript · Vite · Three.js · ECharts 模型已 Draco + WebP 压缩,加载更轻

🔗 GitHub 开源 https://github.com/zhouqm2015/ShipMonitor

🔗 在线演示(GitHub Pages) https://zhouqm2015.github.io/ShipMonitor/

🔗 模型 / HDR 素材 https://www.zybkpro.top/material

适合:数据可视化、数字孪生、Three.js、大屏前端、智慧港口相关同学

功能清单

项目截图