RuningMonitor
The simple AGV operation monitoring system uses the THREE
temporary package:
import { Store3D } from "runing-monitor";
const store = new Store3D()
store.start()
How to use
Include the script
You don't even have to bring THREE
into your project
You must have a label with ID store3d to carry it
<div id="store3D"></div>
You need to change the type of script tag to module
<script type="module">
import { Store3D } from "runing-monitor";
const store = new Store3D()
store.start()
</script>
or use npm to install it
npm i runing-monitor
and include it in your code
import { Store3D } from "runing-monitor";
end
const store = new Store3D()
store.start()
version
1. 修复 three-text2d
插件ts中类的多层嵌套bug
2. 增加是否使用后期处理控件 useComposer
useComposer:boolean;
1. 更换绘制文字插件
2. 修改文字样式
1. 使用 Web Worker
分线程做小车动画
1. 优化worker
1. 优化worker引入
1. 解决打包后worker子线程消失的问题
1. package.json
加入 main
字段 指向 ./dist/assets/index.js
1. 根据数据返回theta属性控制车辆站点旋转
1. 修复小车名字不显示bug
2. 修复没网情况下站点名无法显示的问题
1. TS类型
1. 通过Blob对象动态创建Worker
1. 移除index执行start命令
1. 打包后index导出Store3D调整
1. 版本调整
对接项目地图
第一人称
多模型
使用算法优化小车动画
1. 小车功能按键
2. 一键停车
3. 拷贝文字
Support
Tested successfully on
- Chrome OSX, Windows, Android
- Firefox OSX, Windows, Anroid
- Safari OSX, iOS
- Internet Explorer 11 (SVG and Shape demo won't work because they use Promises)
- Opera OSX, Windows