使用Metal与LiquidFun做2D汽油模拟时无法添加灰色阴影，求可行方案

1. 基于粒子密度动态计算颜色 #

LiquidFun的粒子系统支持查询单个粒子的邻域粒子数量（即局部密度），你不需要修改原有位置缓冲区的逻辑，只需要在CPU侧每帧计算每个粒子的密度，存入额外的颜色缓冲区传入着色器即可：

实现步骤 #

• 每帧遍历所有粒子，调用LiquidFun的particleGetNeighborCount接口获取每个粒子周围的邻域粒子数
• 将密度值归一化后和黄色基础色混合，密度越高混入的灰色越多
• 生成单独的粒子颜色缓冲区，和位置缓冲区一起绑定到渲染管线

示例代码（CPU侧） #

var colorBufferData = [simd_float4](repeating: .init(0.7, 0.5, 0.1, 0.07), count: particleCount)
for i in 0..<particleCount {
    let neighborCount = LiquidFun.particleNeighborCount(forSystem: particleSystem, index: i)
    // 归一化密度，假设最大邻域数为30，可根据实际粒子间距调整
    let density = min(Float(neighborCount) / 30.0, 1.0)
    // 高密度区域混入灰色，灰色值可自定义
    let gray = 0.3 * density
    colorBufferData[i] = simd_float4(
        0.7 - gray, // 红色通道减灰，变暗
        0.5 - gray * 0.8, // 绿色通道少量减灰
        0.1 + gray * 0.2, // 蓝色通道加一点，偏冷灰
        0.07
    )
}
let colorBuffer = device.makeBuffer(bytes: colorBufferData, length: MemoryLayout<simd_float4>.stride * particleCount, options: [])

着色器侧直接读取传入的顶点颜色即可，无需硬编码固定值。

2. 利用pointCoord实现单粒子渐变 #

你当前的着色器已经拿到了pointCoord参数，这个参数表示当前片元在粒子点内部的相对坐标，取值范围是[0,1]，可以用它实现每个粒子中心亮、边缘暗的渐变效果，叠加后自然形成阴影感：

示例着色器代码 #

fragment half4 fragment_shader(VertexOut in [[stage_in]],
                               float2 pointCoord [[point_coord]]) {
    // 计算当前片元到粒子中心的距离
    float dist = distance(pointCoord, float2(0.5, 0.5));
    // 距离越远颜色越暗，最多混入0.2的灰度，可按需调整
    float shadowFactor = smoothstep(0.0, 0.5, dist) * 0.2;
    float4 baseColor = float4(0.7, 0.5, 0.1, 0.07);
    float4 outColor = baseColor - float4(shadowFactor, shadowFactor * 0.8, -shadowFactor * 0.2, 0.0);
    return half4(outColor);
};

这个方案不需要修改CPU侧代码，只调整着色器就能得到基础的明暗过渡效果。

3. 双Pass分层渲染阴影 #

如果需要更明显的整体阴影效果，可以用两次渲染实现：

• 第一Pass：把所有粒子整体向下/向右偏移2-3个像素，渲染成半透明灰色，存入临时纹理
• 第二Pass：正常渲染黄色粒子，叠加在第一Pass的灰色纹理上方
  这个方案不需要修改粒子数据处理逻辑，只需要新增一个渲染Pass和临时纹理即可。

内容的提问来源于stack exchange，提问作者MaryLitv21