Android OpenGL ES实现MetaBall 2D融球效果

MetaBall算法是一种比较常用的融合的算法，具体的算法原理可以去wikipedia查看详细的说明。

实现的效果图如下：

图片有点失真锯齿，运行在手机的真实效果会好一点。

这里跟MetaBall算法相关的代码主要写在fragment shader里。fragment shader的代码如下：

#version 300 es
precision mediump float;
uniform vec4 uColor;
uniform vec2 uTouch;
in vec4 vPosition;
out vec4 fragColor;
const float radius = 0.1;

float energy(float R, vec2 fragPos, vec2 energyPos) {
    return (R * R) / ((fragPos.x - energyPos.x) * (fragPos.x - energyPos.x) + (fragPos.y - energyPos.y) * (fragPos.y - energyPos.y));
}

void main() {
    float centerDist = length(vPosition.xy);
    if(centerDist > radius) {
        float touchDist = length(vPosition.xy - uTouch);
        if (touchDist < radius) {
            fragColor = uColor;
        } else {
            float fragEnergy = energy(radius, vPosition.xy, vec2(0.0)) + energy(radius, vPosition.xy, uTouch);
            if (fragEnergy > 1.2) {
                fragColor = uColor;
            } else {
                discard;
            }
        }
    } else {
        fragColor = uColor;
    }
}

附上项目源码下载链接：

Android OpenGL ES MetaBall 2D融球效果