Method _renderHalftone

src/tools/texture-lab/renderer.js:533–584

(params, inputTexture, width, height, flipY = 1.0, renderScale = 1.0)

  }

  _renderHalftone(params, inputTexture, width, height, flipY = 1.0, renderScale = 1.0) {
    const gl = this.gl;
    const program = this.programs.halftone;

    this._useProgram(program, flipY);

    gl.activeTexture(gl.TEXTURE0);
    gl.bindTexture(gl.TEXTURE_2D, inputTexture);

    const dotColor = this._hexToRgb(params.dotColor || '#000000');
    const bgColor = this._hexToRgb(params.backgroundColor || '#ffffff');

    // Map shape to int
    const shapeMap = {
      circle: 0,
      square: 1,
      diamond: 2,
      line: 3,
      ellipse: 4,
      cross: 5,
      ring: 6
    };
    const shapeInt = shapeMap[params.shape] || 0;

    // Map color mode to int
    const colorModeMap = {
      original: 0,
      monochrome: 1,
      duotone: 2,
      cmyk: 3
    };
    const colorModeInt = colorModeMap[params.colorMode] || 0;

    // Scale gridSize proportionally to render resolution so export matches preview
    const scaledGridSize = (params.gridSize || 8) * renderScale;

    gl.uniform1i(program.uniforms.u_image, 0);
    gl.uniform1f(program.uniforms.u_gridSize, scaledGridSize);
    gl.uniform1f(program.uniforms.u_dotScale, params.dotScale || 1.0);
    gl.uniform1f(program.uniforms.u_angle, params.angle || 45);
    gl.uniform1i(program.uniforms.u_shape, shapeInt);
    gl.uniform1f(program.uniforms.u_softness, params.softness || 0.5);
    gl.uniform1f(program.uniforms.u_contrast, params.contrast || 0);
    gl.uniform1i(program.uniforms.u_invert, params.invert ? 1 : 0);
    gl.uniform1i(program.uniforms.u_colorMode, colorModeInt);
    gl.uniform3f(program.uniforms.u_dotColor, dotColor[0], dotColor[1], dotColor[2]);
    gl.uniform3f(program.uniforms.u_backgroundColor, bgColor[0], bgColor[1], bgColor[2]);
    gl.uniform1f(program.uniforms.u_mixOriginal, params.mixOriginal || 0);
    gl.uniform2f(program.uniforms.u_resolution, width, height);

    gl.drawArrays(gl.TRIANGLES, 0, 6);
  }

  _renderAscii(params, inputTexture, width, height, flipY = 1.0, renderScale = 1.0) {
    const gl = this.gl;