7 Star 73 Fork 25

Electrolux / threeJsProject

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

threejs版本的控制系统(前后端demo开源/效果可以看readme文件)

demo ver1.0

整理出了demo版本,不涉及公司的真实数据和核心算法逻辑。数据都是我随便生成的。

然后去除正式项目中的权限逻辑,自动生成地图逻辑,和自动生成定位点/入库点逻辑。更改复用逻辑。

添加后端demo(聊天示例,rmtp示例,table示例)

前端使用说明:


npm install 之后 
npm run serve
http://localhost:8080/#/apartmentArea

后端使用说明:


1. cd 进去behind
2. chat文件夹是聊天demo,ffmpeg文件夹是rmtp的demo,最后 table文件夹 是3d交互的逻辑demo和生成demo的demo。
3. 只有table文件夹有数据库

demo ver0.33

调用高德api在数据大屏界面增加查看当前区域拥堵情况 /data5

demo ver0.32

监控调参,不再有花屏的现象了。 对数据大屏的理解进行了改动。路径 /data2 /data3 /data4

demo ver0.31 接入了监控系统,可以点击下面的select进行监控视角的切换。

新增后端 behind/ffmpeg后端转flv.rar 由于rmtp协议不能在web端直接进行呈现。因此在该后端在2000会暴露一个视频转接的url.

demo ver0.3 新加了数据可视化大屏

路径:data

demo ver0.2

新加上了移动端适配

demo ver0.1新加上了agv建模,和模拟取车的场景

一些后端示例,像是聊天功能,table功能我放在behind文件夹下面

功能1:最简单的登录注册,表格方面增删改查

这里满足用户最基本的功能,复现桌面c++的基本功能


功能2:3d效果之停车时间标签,监控功能,dashboard表格,扫描视角,第一人称



停车时间标签是为了更直观的看到各个车子停车的时间



监控功能是桌面c++的功能,在这个web端的应用我也将其搬了过来



这里的dashboard提供可视化管理表格,这里是我随便用echarts做了一下,这里的样式优化空间是很大的.



扫描视角的想法我是在8.6号下午跟杨经理聊天的时候他提到的有一些报警和报错并不能很直观的显示出来,这里的扫描视角gif图片上虽然呈现的不多,但是我的源码上给样式等级设置了三个样式,根据传入的type级别分成info,warning,error等级。并且对应着3d场景的具体坐标



第一人称功能的功能是锦上添花,在我的构思中他可以在扫描想法中出作用,也可以在等一下功能的聊天功能中发挥作用。(又:第一人称其实是在开高达)

功能3:切换楼层+以车作为第一人称的效果

当时构思的时候,我觉得如果把整个楼做一个出来会有臃肿的情况出现,并且楼层之间的显示不直观,因此我设计了一个右上角的gui按钮,点击右上角就可以切换楼层。楼层和楼层之间做了一些简单的效果用以区别不同的楼层


以车作为第一人称的效果说实话可能用处并不大,但是我觉得可以加上去,只属于锦上添花的内容吧,没准以后会有用



功能4:安全门控制+数据大屏


安全门功能是桌面c++的功能,直接把他搬了过来


数据大屏还是起到一个直观看数据的作用吧,里面是一个3d模型和一个vr数据,可以转着浏览内部的信息。并且给出一些直观数据

功能5:实现聊天功能


这部分我使用express合socket简单写了一个后端,做这个的原因是可以让登录该系统的管理员进行一个简单的沟通
MIT License Copyright (c) 2022 Electrolux Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

【前后端demo已开源】基于three,vue2,node的项目,实现了第三视角,第一视角,人物移动,浏览器自适应,在线聊天,切换楼层,监控agv,数据大屏等功能。 展开 收起
JavaScript 等 6 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/Electrolux/three-js-project.git
git@gitee.com:Electrolux/three-js-project.git
Electrolux
three-js-project
threeJsProject
master

搜索帮助