UNPKG

@polygonjs/polygonjs

Version:

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

43 lines (42 loc) 1.71 kB
"use strict"; import { ThreeToGl } from "../../../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 SDF2DRoundedXGlParamsConfig extends NodeParamsConfig { constructor() { super(...arguments); this.position = ParamConfig.VECTOR2([0, 0], { hidden: true }); this.center = ParamConfig.VECTOR2([0, 0]); this.length = ParamConfig.FLOAT(1); this.radius = ParamConfig.FLOAT(0.1); } } const ParamsConfig = new SDF2DRoundedXGlParamsConfig(); export class SDF2DRoundedXGlNode extends BaseSDF2DGlNode { constructor() { super(...arguments); this.paramsConfig = ParamsConfig; } static type() { return GlType.SDF_2D_ROUNDED_X; } 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 length = ThreeToGl.float(this.variableForInputParam(this.p.length)); const radius = ThreeToGl.float(this.variableForInputParam(this.p.radius)); const float = this.glVarName(OUTPUT_NAME); const bodyLine = `float ${float} = sdRoundedX(${position} - ${center}, ${length}, ${radius})`; shadersCollectionController.addBodyLines(this, [bodyLine]); this._addSDF2DMethods(shadersCollectionController); } }