@typegpu/sdf

🚧 Under Construction 🚧

A set of signed distance functions and utilities for use in WebGPU/TypeGPU apps.

import tgpu from 'typegpu';
import * as sdf from '@typegpu/sdf';
import * as d from 'typegpu/data';

const mainFragment = tgpu['~unstable'].fragmentFn({
  in: { uv: d.vec2f },
  out: d.vec4f,
})(({ uv }) => {
  const distance = sdf.opSmoothUnion(
    sdf.sdDisk(uv.sub(0.5), 0.25),
    sdf.sdBox2d(uv.sub(0.5), d.vec2f(0.8, 0.05)),
    0.1,
  );

  if (distance < 0) {
    return d.vec4f(0, 0, 0, 1);
  }
  return d.vec4f(1, 1, 1, 0);
});