andras/sdf-2d
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make circles generic

Browse source 
Signed-off-by: András Schmelczer <andras@schmelczer.dev>
This commit is contained in:
Andras Schmelczer 2022-01-29 21:12:11 +01:00
parent 7f431d05b9
commit a53621648c
No known key found for this signature in database
GPG key ID: 39260B5B0614A13E
1 changed files with 19 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/drawables/shapes/meta-circle-factory.ts
View file

@ -2,6 +2,7 @@ import { mat2d, vec2, vec3, vec4 } from 'gl-matrix';
import { codeForColorAccess } from '../../helper/code-for-color-access'; import { codeForColorAccess } from '../../helper/code-for-color-access';
import { DrawableDescriptor } from '../drawable-descriptor'; import { DrawableDescriptor } from '../drawable-descriptor';
import { EmptyDrawable } from '../empty-drawable'; import { EmptyDrawable } from '../empty-drawable';
import { numberToGlslFloat } from '../../helper/number-to-glsl-float';
/** /**
* @category Drawable * @category Drawable
@ -12,36 +13,41 @@ class MetaCircleBase extends EmptyDrawable {
} }
} }
let _id = 0;
/** /**
* @category Drawable * @category Drawable
*/ */
export const MetaCircleFactory = (color: vec3 | vec4 | number): typeof MetaCircleBase => { export const MetaCircleFactory = (
color: vec3 | vec4 | number,
k = 32
): typeof MetaCircleBase => {
class MetaCircle extends MetaCircleBase { class MetaCircle extends MetaCircleBase {
public static descriptor: DrawableDescriptor = { public static descriptor: DrawableDescriptor = {
sdf: { sdf: {
shader: ` shader: `
uniform vec2 metaCircleCenters[META_CIRCLE_COUNT]; uniform vec2 metaCircleCenters${_id}[META_CIRCLE_COUNT${_id}];
uniform float metaCircleRadii[META_CIRCLE_COUNT]; uniform float metaCircleRadii${_id}[META_CIRCLE_COUNT${_id}];
const float k = 32.0; float metaCircleMinDistance${_id}(vec2 target, out vec4 color) {
float metaCircleMinDistance(vec2 target, out vec4 color) { const float k = ${numberToGlslFloat(k)};
color = ${codeForColorAccess(color)}; color = ${codeForColorAccess(color)};
float res = 0.0; float res = 0.0;
for (int i = 0; i < META_CIRCLE_COUNT; i++) { for (int i = 0; i < META_CIRCLE_COUNT${_id}; i++) {
float dist = distance(metaCircleCenters[i], target) - metaCircleRadii[i]; float dist = distance(metaCircleCenters${_id}[i], target) - metaCircleRadii${_id}[i];
res += exp2(-k * dist); res += exp2(-k * dist);
} }
return -log2(res) / k; return -log2(res) / k;
} }
`, `,
distanceFunctionName: 'metaCircleMinDistance', distanceFunctionName: `metaCircleMinDistance${_id}`,
}, },
propertyUniformMapping: { propertyUniformMapping: {
center: 'metaCircleCenters', center: `metaCircleCenters${_id}`,
radius: 'metaCircleRadii', radius: `metaCircleRadii${_id}`,
}, },
uniformCountMacroName: 'META_CIRCLE_COUNT', uniformCountMacroName: `META_CIRCLE_COUNT${_id}`,
shaderCombinationSteps: [0, 1, 2, 3, 8, 16], shaderCombinationSteps: [0, 1, 2, 3, 8, 16],
empty: new MetaCircle(vec2.create(), 0), empty: new MetaCircle(vec2.create(), 0),
}; };
@ -58,5 +64,7 @@ export const MetaCircleFactory = (color: vec3 | vec4 | number): typeof MetaCircl
} }
} }
_id++;
return MetaCircle; return MetaCircle;
}; };