speice.io/blog/2024-11-15-playing-with-fire/2-transforms/chaosGameFinal.ts

// hidden-start
import { randomBiUnit } from "../src/randomBiUnit";
import { randomChoice } from "../src/randomChoice";
import { plotBinary as plot } from "../src/plotBinary";
import { Transform } from "../src/transform";
import { Props as WeightedProps } from "../1-introduction/chaosGameWeighted";

const quality = 0.5;
const step = 1000;
// hidden-end
export type Props = WeightedProps & {
  final: Transform,
}

export function* chaosGameFinal(
  {
    width,
    height,
    transforms,
    final
  }: Props
) {
  let img =
    new ImageData(width, height);
  let [x, y] = [
    randomBiUnit(),
    randomBiUnit()
  ];

  const pixels = width * height;
  const iterations = quality * pixels;
  for (let i = 0; i < iterations; i++) {
    const [_, transform] =
      randomChoice(transforms);
    [x, y] = transform(x, y);

    // highlight-start
    const [finalX, finalY] = final(x, y);
    // highlight-end

    if (i > 20)
      // highlight-start
      plot(finalX, finalY, img);
    // highlight-end

    if (i % step === 0)
      yield img;
  }

  yield img;
}