嘿嘿，大部分都是前端三维开发的时候遇到的问题，顺手解决了，如果你也遇到了和我一样的问题，希望我的文章可以帮到你

这个还是很好理解，就是两维度的旋转alpha和beta，不熟悉球坐标的朋友，可以先了解一下球坐标，这个很关键，因为罗盘里面的旋转角度其实就是这个球坐标里面的alpha值（也有叫方位角的），不过在three.js叫theta和phi。首先罗盘的旋转角度其实就是相机绕某一个点或者自身吧，如果用的是three.js自带的轨道控制器的话，那就是绕着某一个点了，如果自在一些全景图的场景，那就是绕着自身的Y轴的旋转角度；在全景图的项目中，左上角通常显示的是一个指南针或方向标示，用来表示当前视图的朝向。

three.js通过自定义后期处理实现智慧城市扫光效果

在三维场景中的绿化地是非常常见的，如果简单的使用一个平面，再加上漫反射和法线贴图实现，视觉上的效果还是有点差那么点效果，具体的效果官方给出过不少案例，但是如果我要有更加生动、更加立体。着色器中的光照方向是写死的，可以把场景中的光线方向传进来，效果更加好，还用到一张灰度贴图，可以自己用noise生成或者在网上找就可以了。正巧之前在谷歌某网站看到的一篇文章，正好满足我们要的要的效果，拿来和大家分享一下。

万字详解-three.js实现VR看房自由

在three.js中通过自定义着色器ShaderMaterial实现智慧城市扫光效果

three.js实现白天效果，根据当地（维度和时间）模拟太阳高度角和方位角的变化

three.js实现 类似Echarts的3D饼图