Tests an AI's ability to understand game rules and strategy
Generate a valid but tricky tic-tac-toe board where the next move determines the winner. The output must only be an SVG.
Couldn’t render this one
This model didn’t return a displayable SVG. It tried, though.
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"> <!-- Background --> <rect width="300" height="300" fill="white"/> <!-- Grid lines --> <line x1="100" y1="0" x2="100" y2="300" stroke="black" stroke-width="5"/> <line x1="200" y1="0" x2="200" y2="300" stroke="black" stroke-width="5"/> <line x1="0" y1="100" x2="300" y2="100" stroke="black" stroke-width="5"/> <line x1="0" y1="200" x2="300" y2="200" stroke="black" stroke-width="5"/> <!-- X's --> <line x1="20" y1="20" x2="80" y2="80" stroke="red" stroke-width="8" stroke-linecap="round"/> <line x1="80" y1="20" x2="20" y2="80" stroke="red" stroke-width="8" stroke-linecap="round"/> <line x1="20" y1="120" x2="80" y2="180" stroke="red" stroke-width="8" stroke-linecap="round"/> <line x1="80" y1="120" x2="20" y2="180" stroke="red" stroke-width="8" stroke-linecap="round"/> <line x1="220" y1="220" x2="280" y2="280" stroke="red" stroke-width="8" stroke-linecap="round"/> <line x1="280" y1="220" x2="220" y2="280" stroke="red" stroke-width="8" stroke-linecap="round"/> <!-- O's --> <circle cx="150" cy="50" r="30" stroke="blue" stroke-width="8" fill="none"/> <circle cx="150" cy="150" r="30" stroke="blue" stroke-width="8" fill="none"/> <circle cx="50" cy="250" r="30" stroke="blue" stroke-width="8" fill="none"/>
Couldn’t render this one
This model didn’t return a displayable SVG. It tried, though.
<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"> <!-- Draw the tic-tac-toe grid --> <line x1="100" y1="0" x2="100" y2="300" stroke="black" stroke-width="2" /> <line x1="200" y1="0" x2="200" y2="300" stroke="black" stroke-width="2" /> <line x1="0" y1="100" x2="300" y2="100" stroke="black" stroke-width="2" /> <line x1="0" y1="200" x2="300" y2="200" stroke="black" stroke-width="2" /> <!-- Top row --> <text x="50" y="50" text-anchor="middle" dominant-baseline="middle" font-size="60" font-family="sans-serif">X</text> <text x="150" y="50" text-anchor="middle" dominant-baseline="middle" font-size="60" font-family="sans-serif">O</text