polygonjs-engine/dist/src/engine/nodes/gl/Texture.js

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

import {TypedGlNode} from "./_Base";
import {GlConnectionPointType, GlConnectionPoint} from "../utils/io/connections/Gl";
import {ThreeToGl as ThreeToGl2} from "../../../core/ThreeToGl";
import {UniformGLDefinition} from "./utils/GLDefinition";
import {ParamConfigsController as ParamConfigsController2} from "../utils/code/controllers/ParamConfigsController";
import {ParamType as ParamType2} from "../../poly/ParamType";
import {NodeParamsConfig, ParamConfig} from "../utils/params/ParamsConfig";
import {GlParamConfig} from "./code/utils/ParamConfig";
import {NODE_PATH_DEFAULT} from "../../../core/Walker";
class TextureParamsConfig extends NodeParamsConfig {
  constructor() {
    super(...arguments);
    this.paramName = ParamConfig.STRING("textureMap");
    this.defaultValue = ParamConfig.STRING(NODE_PATH_DEFAULT.NODE.UV);
    this.uv = ParamConfig.VECTOR2([0, 0]);
  }
}
const ParamsConfig2 = new TextureParamsConfig();
const TextureGlNode2 = class extends TypedGlNode {
  constructor() {
    super(...arguments);
    this.params_config = ParamsConfig2;
  }
  static type() {
    return "texture";
  }
  initializeNode() {
    this.addPostDirtyHook("_set_mat_to_recompile", this._set_mat_to_recompile.bind(this));
    this.io.outputs.setNamedOutputConnectionPoints([
      new GlConnectionPoint(TextureGlNode2.OUTPUT_NAME, GlConnectionPointType.VEC4)
    ]);
    this.scene().dispatchController.onAddListener(() => {
      this.params.onParamsCreated("params_label", () => {
        this.params.label.init([this.p.paramName]);
      });
    });
  }
  set_lines(shaders_collection_controller) {
    const uv = ThreeToGl2.vector2(this.variable_for_input(this.p.uv.name()));
    const rgba = this.gl_var_name(TextureGlNode2.OUTPUT_NAME);
    const map = this._uniform_name();
    const definition = new UniformGLDefinition(this, GlConnectionPointType.SAMPLER_2D, map);
    const body_line = `vec4 ${rgba} = texture2D(${map}, ${uv})`;
    shaders_collection_controller.add_definitions(this, [definition]);
    shaders_collection_controller.add_body_lines(this, [body_line]);
  }
  set_param_configs() {
    this._param_configs_controller = this._param_configs_controller || new ParamConfigsController2();
    this._param_configs_controller.reset();
    const param_config = new GlParamConfig(ParamType2.OPERATOR_PATH, this.pv.paramName, this.pv.defaultValue, this._uniform_name());
    this._param_configs_controller.push(param_config);
  }
  _uniform_name() {
    return this.gl_var_name(this.pv.paramName);
  }
};
export let TextureGlNode = TextureGlNode2;
TextureGlNode.OUTPUT_NAME = "rgba";