AutoDrive

autopilot 需要数据才能跑起来，所以基于 konva(canvas)做一个场景编辑器来造点数据，通过编辑器编辑地图和交通基础场景(自车+车道+环境车），然后在autopilot上模拟行驶效果

之前用TextGeometry和FontLoader实现了3d文字，但能展示的内容比较有限并且观察受视角影响，解决方法是用2d的悬浮标签卡片(DOM元素)支持点击3d物体打开标签文本，并能实时跟随物体

在智驾场景里元素的坐标数据可能基于自车坐标系或者原点坐标系。autopilot 先基于原点坐标系来mock道路和障碍物等，然后会基于tween来做行驶的动画演示，自车需要实时更新位置信息和偏转方向

有时候为了提高智驾3d场景的视觉体验，可能会提一些动画的需求，比如扩散光环、雷达波、避障警告和泊车指示等，这些其实涉及到threejs渲染循环、补间动画(tween)、场景亮度和相机等的配合

关于threejs的模型加载，可以用promise封装一下，然后提供abort方法中断模型加载避免重叠问题，其次是模型加载速度的一些优化，比如draco压缩、缓存策略等，以及做下相机视角切换和车灯效果

智驾场景地图上最重要的元素当属线元素了，比如车道线、斑马线、规划线和预测线等。我们可以自定义Line几何体和shaderMaterial来解决threejs内置Line的缺点，实现实线、虚线和渐变线等

其实智驾场景里还有很多不规则物体，比如多边形柱体这类就可以借助自定义几何体来实现。BufferGeometry 是 threejs 内置几何体的基类，通过此基类可以自定义几何体

除了自车，那智驾里最常见的参与物就是他车了，比如下面这种绿色长方体，然后上面可能会携带一些文字信息和朝向箭头等。怎么做一个长方体？直接用内置几何体 BoxGeometry+ EdgesGeometry

智能驾驶业务里常用web 3d来可视化地图和传感器数据、显示路径规划结果等方法协助算法调试和仿真，可以用threejs来做，毕竟在国内社区相对活跃，也比较容易上手