116 lines
3.3 KiB
TypeScript
116 lines
3.3 KiB
TypeScript
import { mat2d, vec2 } from 'gl-matrix';
|
|
import { clamp01 } from '../../helper/clamp';
|
|
import { mix } from '../../helper/mix';
|
|
import { Drawable } from '../drawable';
|
|
import { DrawableDescriptor } from '../drawable-descriptor';
|
|
|
|
/**
|
|
* @category Drawable
|
|
*
|
|
* Providing a noise texture is required for this drawable.
|
|
*/
|
|
export class InvertedTunnel extends Drawable {
|
|
public static descriptor: DrawableDescriptor = {
|
|
sdf: {
|
|
shader: `
|
|
uniform vec2 froms[INVERTED_TUNNEL_COUNT];
|
|
uniform vec2 toFromDeltas[INVERTED_TUNNEL_COUNT];
|
|
uniform float fromRadii[INVERTED_TUNNEL_COUNT];
|
|
uniform float toRadii[INVERTED_TUNNEL_COUNT];
|
|
|
|
uniform sampler2D noiseTexture;
|
|
|
|
#ifdef WEBGL2_IS_AVAILABLE
|
|
float myTerrain(float h) {
|
|
return texture(
|
|
noiseTexture,
|
|
vec2(h, 0.5)
|
|
)[0] - 0.5;
|
|
}
|
|
#else
|
|
float myTerrain(float h) {
|
|
return texture2D(
|
|
noiseTexture,
|
|
vec2(h, 0.5)
|
|
)[0] - 0.5;
|
|
}
|
|
#endif
|
|
|
|
float invertedTunnelMinDistance(vec2 target, out float colorIndex) {
|
|
colorIndex = 3.0;
|
|
|
|
float minDistance = 1000.0;
|
|
for (int i = 0; i < INVERTED_TUNNEL_COUNT; i++) {
|
|
|
|
vec2 targetFromDelta = target - froms[i];
|
|
|
|
float h = dot(targetFromDelta, toFromDeltas[i])
|
|
/ dot(toFromDeltas[i], toFromDeltas[i]);
|
|
|
|
float clampedH = clamp(h, 0.0, 1.0);
|
|
|
|
float currentDistance = -mix(
|
|
fromRadii[i], toRadii[i], clampedH
|
|
) + distance(
|
|
targetFromDelta, toFromDeltas[i] * clampedH
|
|
) - myTerrain(h) / 12.0;
|
|
|
|
minDistance = min(minDistance, currentDistance);
|
|
}
|
|
|
|
return -minDistance;
|
|
}
|
|
`,
|
|
isInverted: true,
|
|
distanceFunctionName: 'invertedTunnelMinDistance',
|
|
},
|
|
propertyUniformMapping: {
|
|
from: 'froms',
|
|
toFromDelta: 'toFromDeltas',
|
|
fromRadius: 'fromRadii',
|
|
toRadius: 'toRadii',
|
|
},
|
|
uniformCountMacroName: 'INVERTED_TUNNEL_COUNT',
|
|
shaderCombinationSteps: [0, 1, 4, 16, 32],
|
|
empty: new InvertedTunnel(
|
|
vec2.fromValues(10000, 10000),
|
|
vec2.fromValues(10000, 10000),
|
|
0,
|
|
0
|
|
),
|
|
};
|
|
|
|
constructor(
|
|
public readonly from: vec2,
|
|
public readonly to: vec2,
|
|
public readonly fromRadius: number,
|
|
public readonly toRadius: number
|
|
) {
|
|
super();
|
|
}
|
|
|
|
public minDistance(target: vec2): number {
|
|
const toFromDelta = vec2.subtract(vec2.create(), this.to, this.from);
|
|
const targetFromDelta = vec2.subtract(vec2.create(), target, this.from);
|
|
|
|
const h = clamp01(
|
|
vec2.dot(targetFromDelta, toFromDelta) / vec2.dot(toFromDelta, toFromDelta)
|
|
);
|
|
|
|
return (
|
|
vec2.distance(targetFromDelta, vec2.scale(vec2.create(), toFromDelta, h)) -
|
|
mix(this.fromRadius, this.toRadius, h)
|
|
);
|
|
}
|
|
|
|
protected getObjectToSerialize(transform2d: mat2d, transform1d: number): any {
|
|
const toFromDelta = vec2.subtract(vec2.create(), this.to, this.from);
|
|
|
|
return {
|
|
from: vec2.transformMat2d(vec2.create(), this.from, transform2d),
|
|
toFromDelta: vec2.scale(vec2.create(), toFromDelta, transform1d),
|
|
fromRadius: this.fromRadius * transform1d,
|
|
toRadius: this.toRadius * transform1d,
|
|
};
|
|
}
|
|
}
|