@polygonjs/polygonjs/dist/src/engine/nodes/gl/SDF2DCircle.js

node-based WebGL 3D engine https://polygonjs.com

"use strict";
import { ThreeToGl } from "../../../../src/core/ThreeToGl";
import { NodeParamsConfig, ParamConfig } from "../utils/params/ParamsConfig";
import { GlConnectionPointType, GlConnectionPoint } from "../utils/io/connections/Gl";
import { BaseSDF2DGlNode } from "./_BaseSDF2D";
import { GlType } from "../../poly/registers/nodes/types/Gl";
const OUTPUT_NAME = "float";
class SDF2DCircleGlParamsConfig extends NodeParamsConfig {
  constructor() {
    super(...arguments);
    this.position = ParamConfig.VECTOR2([0, 0], { hidden: true });
    this.center = ParamConfig.VECTOR2([0, 0]);
    this.radius = ParamConfig.FLOAT(1);
  }
}
const ParamsConfig = new SDF2DCircleGlParamsConfig();
export class SDF2DCircleGlNode extends BaseSDF2DGlNode {
  constructor() {
    super(...arguments);
    this.paramsConfig = ParamsConfig;
  }
  static type() {
    return GlType.SDF_2D_CIRCLE;
  }
  initializeNode() {
    super.initializeNode();
    this.io.outputs.setNamedOutputConnectionPoints([
      new GlConnectionPoint(OUTPUT_NAME, GlConnectionPointType.FLOAT)
    ]);
  }
  setLines(shadersCollectionController) {
    const position = this.position();
    const center = ThreeToGl.vector3(this.variableForInputParam(this.p.center));
    const radius = ThreeToGl.float(this.variableForInputParam(this.p.radius));
    const float = this.glVarName(OUTPUT_NAME);
    const bodyLine = `float ${float} = sdCircle(${position} - ${center}, ${radius})`;
    shadersCollectionController.addBodyLines(this, [bodyLine]);
    this._addSDF2DMethods(shadersCollectionController);
  }
}