android 融球效果图,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融球效果