项目介绍:石门黄坡为二个项目,功能一样,只是接口数据和UE三维场景不同。在虚拟的场景通过和
现实同样的经纬度坐标在场景中放置渗压计,水位计,雨量计所有设备通过真实设备接口获取真实数
据来直观显示数据,项目中有开闸放水,防洪四预,溃坝模块前端通过调用UE方法,场景会执行相应
的动画效果,通过虚拟的场景来模拟现实真实的情况。首页有各种场景切换,泄洪闸,水电站,泄洪
道等,项目中还通过three.js来展示各类设备的模型,以及各类模型的各个部件展示。还有在场景漫游
动画和实时天气的模拟,有下雨下雪阴天晴天的动画模拟。
技 术 栈:vue2框架,前端和UE场景通信,sse设备实时数据的推送,three.js展示fbx格式模型,以
及模型切换,管理员账号登陆时优先获取三维场景。
项目职责:
1.依据UI设计稿完成前端页面开发与渲染,熟练使用Element UI组件库搭建高效、美观的管理界面。
2.封装Axios进行统一网络请求管理,实现接口调用、数据获取与视图双向绑定,提升代码可维护性
3.负责前端与UE三维场景的通信交互,实现开闸放水、防洪四预、溃坝模拟等动画联动效果。
4.使用Vuex进行全局状态管理,实现多组件数据共享与参数传递;采用SCSS编写模块化、可复用样式
5.运用Three.js加载FBX模型,实现设备模型展示、部件切换及三维交互效果。
6.接入SSE实现设备数据实时推送,确保渗压计、水位计、雨量计等数据实时更新。
7.参与项目后期维护、功能迭代、性能优化,保障数字孪生系统稳定运行与流畅体验。