xueyuheng / THREE-TurbineMonitor

模仿图扑的3d风机可视化大屏

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🚀 Turbine-LargeScreen

简介

这是一个模仿图扑的风机大屏, 项目主要做了如下内容:

  • 编写了一个简易node-websocket服务器, 模拟开发环境下风机数据的订阅,。使用hooks配合自定义websocket类的消息中心(发布订阅模式), 简化数据订阅和处理流程。
  • Three.js的封装进行优化。
  • 对导入的风机模型进行数据绑定, 使风机能够更具数据源做出相应的形态调整

启动

npm run serve

npm run dev

说明

  • master分支版本是使用vue3-ts-vite对原有的vue2版本进行重构, 在功能和样式上会有些差异, 如果需要使用vue2版本, 可在切换到vue2分支。

  • 作为一个Demo项目, 有许多功能需要去探索实现, 后续有学习到新的内容, 将会不断的补充和完善。

在线预览(版本可能落后)

https://fengtianxi001.github.io/THREE-TurbineMonitor/

效果图(版本可能落后)

效果图



About

模仿图扑的3d风机可视化大屏


Languages

Language:TypeScript 60.1%Language:Vue 30.3%Language:JavaScript 7.0%Language:SCSS 1.9%Language:HTML 0.8%