count-circles-1

Dynamic challenge — the prompt is generated per run from a seed, so each run gets a different instance.

generate

(function (a) {
  function mulberry32(seed) {
    let t = seed >>> 0;
    return function () {
      t += 0x6d2b79f5;
      let x = Math.imul(t ^ (t >>> 15), 1 | t);
      x ^= x + Math.imul(x ^ (x >>> 7), 61 | x);
      return ((x ^ (x >>> 14)) >>> 0) / 4294967296;
    };
  }

  const rnd = mulberry32(a.seed);
  const width = 500;
  const height = 300;
  const n = 3 + Math.floor(rnd() * 6); // 3..8 inclusive

  let shapes = "";
  for (let i = 0; i < n; i++) {
    const r = 18 + rnd() * 10;
    const cx = r + rnd() * (width - 2 * r);
    const cy = r + rnd() * (height - 2 * r);
    const hue = Math.floor(rnd() * 360);
    shapes += '<circle cx="' + cx.toFixed(1) + '" cy="' + cy.toFixed(1) + '" r="' + r.toFixed(1) + '" fill="hsl(' + hue + ',70%,55%)"/>';
  }

  const svg =
    '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' +
    '<rect width="' + width + '" height="' + height + '" fill="#ffffff"/>' +
    shapes +
    '<rect x="1" y="1" width="' + (width - 2) + '" height="' + (height - 2) + '" fill="none" stroke="#333333" stroke-width="2"/>' +
    '</svg>';

  return {
    prompt: "How many circles are in this image? Answer with just the number.\n{{image}}",
    expected: String(n),
    images: [{ svg: svg, width: width, height: height, alt: n + " circles on a white background" }],
  };
})

evaluate

(function (a) {
  const got = a.submission.trim();
  const ok = got === String(a.expected);
  return { pass: ok, score: ok ? 1 : 0, detail: ok ? undefined : ("expected " + a.expected + ", got \"" + got + "\"") };
})

submissions (0)