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

在产品需求中有管道展示的需求，管道展示有两个点需要注意，一是管道是具有宽度，需要有半径；二是管道拐角处理，需要圆滑。 1. TubeGeometry 由于管道需要半径，用Line就不合适。TubeGe

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

在高德地图上实现iconLayer，把WebGL图层都放到同个空间维度，就能解决图层遮挡问题，顺便高性能、可交互和数据特异性等需求。

Three.js ShaderMaterial着色器 本节课介绍下threejs如何通过ShaderMaterial来自定义Shader。 参考资料：Threejs中文网 学前基础说明 你可以先点下面

城市3D模型图层在Web GIS平台中能够对地面物体进行单独选中、查询、空间分析等操作，是属于比较普遍的功能需求。接下来我们通过一个简单的例子来演示该方案的整体实现过程

我们常见的三维地图、数据可视化大屏背后的实现逻辑是怎么样的？需要用到哪些技术？从一个真实的项目源码带你分析。

Sparse Octree   A sparse, pointer-based octree data structure. For a linear implementation see linea

优秀的 Three.js 项目层出不穷，今天我带领大家探索 Web3D 前沿，揭秘那些运用 Three.js 打造的惊艳个人网站。