前言 Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。 本

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了

在设计和实现数据可视化大屏时，有一个常见的需求就是要实现一个周期性脉冲效果，让光墙定时掠过城市的每一个建筑。这种效果不仅能够吸引人们的眼球，还能够增强可视化大屏的视觉冲击力和信息传递效果。

有一天大佬跑过来跟我说：“目前我们在NS区部署了5万多根灯杆，你想想办法把全部的灯杆模型在NS区地图上全部show出来。经过几天断断续续的捣鼓研究，终于在大佬的PUA下搞定了这个事情。

three.js物体按照轨迹行走并显示轨迹 人物按照指定个轨迹行走 显示人物行走的轨迹。动画更新，轨迹可视化。

近年来Three.js 3D可视化在各种业务场景中频频出镜，其惊艳的表现力往往离不开各种3D效果的加持。本文将着重聊一聊数字孪生系统中常用的3D效果，并以图示的方式拆解其背后的实现原理。 建筑颜色渐变

学习Three.js也非常有必要了解一下3D建模软件。有很多 3D 建模的软件，比如 Cinema 4D、Maya、3DS Max、Blender、ZBrush 等。本节课我们将学习 Blender

粒子特效 听到粒子特效，是不是无比期待？可以用它实现非常多的效果如星空、烟雾、雨、灰尘、火等。 粒子特效的优势是即使使用了成百上千的例子，也能保证比较高的帧率。缺点是每个粒子都由一个始终面向相机的平面

Materials 材质，是用来给几何体的每个可见像素进行上色。其中的算法程序成为 shaders。我们暂时不学习如何写 shaders，我们先使用内置的 materials