项目简介
【船舶智能运维中心】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、大屏前端、智慧港口相关同学






