qq_32290021的博客

webgl 片元着色器，顶点着色器

该代码摘要展示了一个基于Three.js的3D粒子着色器效果实现。关键点包括：1) 使用顶点着色器实现粒子位移效果，通过读取位移纹理(uDisplacementTexture)的红色通道值控制偏移量；2) 利用smoothstep函数平滑过渡粒子偏移状态；3) 在片段着色器中实现圆形粒子效果，通过距离计算过滤非圆形区域；4) 支持纹理采样(texture2D)获取灰度信息，用于控制粒子大小和颜色；5) 包含Raycaster交互、位移贴图(displacementMap)和后期处理通道(GammaCorre

接下来定义经度方向是从西经到东经，也即是从-180°~180°，来计算X,Y坐标，我们在第n条纬线上，水平将球体切开，可以看到圆的半径是cos(nπ/50 - π/2)，假设为k。如果我们用经线将这个圆平均分割一下，假设是50条经线，将本初子午线投影到这个水平面上，形成一条直线，假设这条直线和经线与圆的交点之间的夹角为φ，又有整个圆的弧度为2π，那么φ的取值应该是0到2π，因为需要从-180°~180°，所以φ的取值应该为n2π/50 – π，n表示从0到50。于是便可表示从南极到北极。