Method render

src/tools/texture-lab/renderer.js:1243–1280

(effects, seed, targetWidth, targetHeight)

  }

  render(effects, seed, targetWidth, targetHeight) {
    if (!this.image) return;

    const width = targetWidth || this.imageWidth;
    const height = targetHeight || this.imageHeight;

    this.canvas.width = width;
    this.canvas.height = height;

    this.ctx.drawImage(this.image, 0, 0, width, height);

    const enabledEffects = effects.filter(e => e.enabled);
    if (enabledEffects.length === 0) return;

    this.imageData = this.ctx.getImageData(0, 0, width, height);
    const data = this.imageData.data;

    for (const effect of enabledEffects) {
      switch (effect.type) {
        case EFFECT_TYPES.NOISE:
          this._applyNoise(data, width, height, effect.params, seed);
          break;
        case EFFECT_TYPES.DITHER:
          this._applyDither(data, width, height, effect.params);
          break;
        case EFFECT_TYPES.HALFTONE:
          this._applyHalftone(data, width, height, effect.params);
          break;
        case EFFECT_TYPES.ASCII:
          this._applyAscii(width, height, effect.params);
          return;
        case EFFECT_TYPES.OVERLAY:
          break;
      }
    }

    this.ctx.putImageData(this.imageData, 0, 0);
  }

  _hash(x, y, seed) {
    const n = Math.sin(x * 12.9898 + y * 78.233 + seed) * 43758.5453;