@polygonjs/polygonjs
Version:
node-based WebGL 3D engine https://polygonjs.com
44 lines (43 loc) • 1.78 kB
JavaScript
;
import { TypedGlNode } from "./_Base";
import { ThreeToGl } from "../../../../src/core/ThreeToGl";
import DiskMethods from "./gl/disk.glsl";
import { NodeParamsConfig, ParamConfig } from "../utils/params/ParamsConfig";
import { GlConnectionPointType, GlConnectionPoint } from "../utils/io/connections/Gl";
import { FunctionGLDefinition } from "./utils/GLDefinition";
const OUTPUT_NAME = "float";
class DiskGlParamsConfig extends NodeParamsConfig {
constructor() {
super(...arguments);
this.position = ParamConfig.VECTOR2([0, 0]);
this.center = ParamConfig.VECTOR2([0, 0]);
this.radius = ParamConfig.FLOAT(1);
this.feather = ParamConfig.FLOAT(0.1);
}
}
const ParamsConfig = new DiskGlParamsConfig();
export class DiskGlNode extends TypedGlNode {
constructor() {
super(...arguments);
this.paramsConfig = ParamsConfig;
}
static type() {
return "disk";
}
initializeNode() {
super.initializeNode();
this.io.outputs.setNamedOutputConnectionPoints([
new GlConnectionPoint(OUTPUT_NAME, GlConnectionPointType.FLOAT)
]);
}
setLines(shaders_collection_controller) {
const position = ThreeToGl.vector2(this.variableForInputParam(this.p.position));
const center = ThreeToGl.vector2(this.variableForInputParam(this.p.center));
const radius = ThreeToGl.float(this.variableForInputParam(this.p.radius));
const feather = ThreeToGl.float(this.variableForInputParam(this.p.feather));
const float = this.glVarName(OUTPUT_NAME);
const body_line = `float ${float} = disk2d(${position}, ${center}, ${radius}, ${feather})`;
shaders_collection_controller.addBodyLines(this, [body_line]);
shaders_collection_controller.addDefinitions(this, [new FunctionGLDefinition(this, DiskMethods)]);
}
}