SDF-2D - v0.8.0
    Preparing search index...
    • Creates a drawable circle class with a shared color.

      Parameters

      Returns typeof CircleBase

      A class with constructor new Circle(center: vec2, radius: number). center is the position in world coordinates; radius is in world units. Pass the class's static descriptor to compile!compile, then pass instances to graphics/rendering/renderer/renderer!Renderer.addDrawable.

      import { CircleFactory, compile } from 'sdf-2d';

      const Circle = CircleFactory([1, 0.5, 0]);
      const circle = new Circle([160, 120], 30);
      const canvas = document.createElement('canvas');
      document.body.appendChild(canvas);
      const renderer = await compile(canvas, [Circle.descriptor]);
      renderer.addDrawable(circle);
      renderer.renderDrawables();