Function generateCharacterAtlas

src/tools/texture-lab/renderer.js:37–59

(charset, cellSize = 16)

import { EFFECT_TYPES, BLEND_MODES, DITHER_METHODS, ASCII_PRESETS } from './types';

function generateCharacterAtlas(charset, cellSize = 16) {
  const canvas = document.createElement('canvas');
  const charCount = charset.length;
  canvas.width = cellSize * charCount;
  canvas.height = cellSize;

  const ctx = canvas.getContext('2d');
  ctx.fillStyle = '#000000';
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  ctx.fillStyle = '#ffffff';
  ctx.font = `${cellSize * 0.9}px monospace`;
  ctx.textAlign = 'center';
  ctx.textBaseline = 'middle';

  for (let i = 0; i < charCount; i++) {
    const x = i * cellSize + cellSize / 2;
    const y = cellSize / 2;
    ctx.fillText(charset[i], x, y);
  }

  return canvas;
}

export class WebGLRenderer {
  constructor(canvas) {