GPT-4o
Challenge Creator
Creative Challenge
"Raining goldfish from a floating umbrella over a cityscape"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Definitions for reusable elements -->
<defs>
<!-- Sky gradient - magical twilight effect -->
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#0B0B3B" />
<stop offset="30%" stop-color="#3B2667" />
<stop offset="60%" stop-color="#6A5ACD" />
<stop offset="100%" stop-color="#9DACFF" />
</linearGradient>
<!-- City lights gradient -->
<linearGradient id="cityLightsGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#FFD700" stop-opacity="0.7" />
<stop offset="100%" stop-color="#FFA500" stop-opacity="0.3" />
</linearGradient>
<!-- Umbrella gradient - vibrant and magical -->
<linearGradient id="umbrellaGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FF416C" />
<stop offset="50%" stop-color="#FF4B2B" />
<stop offset="100%" stop-color="#FFB600" />
</linearGradient>
<!-- Goldfish gradient -->
<linearGradient id="goldfishGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFD700" />
<stop offset="60%" stop-color="#FFA500" />
<stop offset="100%" stop-color="#FF8C00" />
</linearGradient>
<!-- Goldfish tail gradient -->
<linearGradient id="tailGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#FFA500" />
<stop offset="100%" stop-color="#FFD700" />
</linearGradient>
<!-- Magical trail gradient -->
<linearGradient id="magicTrailGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFD700" stop-opacity="0.8" />
<stop offset="50%" stop-color="#FF8C00" stop-opacity="0.5" />
<stop offset="100%" stop-color="#FF1493" stop-opacity="0.3" />
</linearGradient>
<!-- Glow filter for goldfish -->
<filter id="goldGlow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="2" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
<feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#FFD700" flood-opacity="0.5"/>
</filter>
<!-- Subtle glow filter -->
<filter id="subtleGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<!-- Water drop -->
<radialGradient id="dropGradient" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
<stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.8" />
<stop offset="100%" stop-color="#99CCFF" stop-opacity="0.6" />
</radialGradient>
<!-- Building pattern -->
<pattern id="windowPattern" patternUnits="userSpaceOnUse" width="20" height="20">
<rect x="2" y="2" width="6" height="6" fill="url(#cityLightsGradient)" rx="1" ry="1" />
<rect x="12" y="12" width="6" height="6" fill="url(#cityLightsGradient)" rx="1" ry="1" />
</pattern>
<!-- Goldfish definition - improved details -->
<g id="goldfish">
<!-- Main body -->
<path d="M0,0 C2,-3 5,-4 8,-2 C12,0 12,4 8,7 C3,10 -3,10 -7,7 C-10,4 -10,0 -7,-2 C-5,-3 -2,-2 0,0 Z" fill="url(#goldfishGradient)" />
<!-- Tail -->
<path d="M-7,2 C-10,0 -13,3 -13,0 C-13,-3 -10,1 -7,-2 Z" fill="url(#tailGradient)" />
<!-- Fins -->
<path d="M0,-2 C2,-5 3,-5 2,-2 C3,0 1,0 0,-2 Z" fill="url(#tailGradient)" />
<path d="M0,4 C2,7 3,7 2,4 C3,2 1,2 0,4 Z" fill="url(#tailGradient)" />
<!-- Eye -->
<circle cx="6" cy="0" r="1" fill="black" />
<circle cx="6.3" cy="-0.3" r="0.3" fill="white" />
<!-- Scales (subtle details) -->
<path d="M3,0 C4,-1 5,-1 4,0 C5,1 4,1 3,0 Z" fill="#FFE700" opacity="0.6" />
<path d="M0,1 C1,0 2,0 1,1 C2,2 1,2 0,1 Z" fill="#FFE700" opacity="0.6" />
<path d="M-3,0 C-2,-1 -1,-1 -2,0 C-1,1 -2,1 -3,0 Z" fill="#FFE700" opacity="0.6" />
</g>
<!-- Water drop definition -->
<g id="waterDrop">
<path d="M0,0 C1,-3 2,-3 3,0 C4,3 2,5 0,3 C-2,5 -4,3 -3,0 C-2,-3 -1,-3 0,0 Z" fill="url(#dropGradient)" />
</g>
<!-- Sparkle definition -->
<g id="sparkle">
<path d="M0,0 L0,-3 L0,3 M-3,0 L3,0" stroke="#FFFFFF" stroke-width="0.7" />
<path d="M-2,-2 L2,2 M-2,2 L2,-2" stroke="#FFFFFF" stroke-width="0.5" />
</g>
<!-- Cloud definition -->
<g id="cloud">
<ellipse cx="0" cy="0" rx="25" ry="15" fill="white" opacity="0.8" />
<ellipse cx="15" cy="5" rx="20" ry="10" fill="white" opacity="0.8" />
<ellipse cx="-15" cy="5" rx="15" ry="10" fill="white" opacity="0.8" />
</g>
</defs>
<!-- Background -->
<rect x="0" y="0" width="300" height="300" fill="url(#skyGradient)" />
<!-- Stars in the background -->
<g>
<circle cx="30" cy="30" r="1.5" fill="white" />
<circle cx="60" cy="20" r="1" fill="white" />
<circle cx="90" cy="40" r="1.2" fill="white" />
<circle cx="120" cy="25" r="1" fill="white" />
<circle cx="190" cy="35" r="1.3" fill="white" />
<circle cx="220" cy="15" r="1" fill="white" />
<circle cx="260" cy="45" r="1.2" fill="white" />
<circle cx="280" cy="30" r="1" fill="white" />
<circle cx="15" cy="60" r="1.2" fill="white" />
<circle cx="45" cy="15" r="0.8" fill="white" />
<circle cx="75" cy="25" r="1.1" fill="white" />
<circle cx="150" cy="20" r="0.9" fill="white" />
<circle cx="175" cy="45" r="1.2" fill="white" />
<circle cx="240" cy="25" r="0.8" fill="white" />
<circle cx="270" cy="15" r="1.1" fill="white" />
<circle cx="295" cy="40" r="0.9" fill="white" />
<!-- Moon with ethereal glow -->
<circle cx="250" cy="50" r="15" fill="#FFF9C4" filter="url(#subtleGlow)" />
<circle cx="245" cy="45" r="13" fill="#2C3E50" opacity="0.1" />
</g>
<!-- Clouds -->
<g>
<use href="#cloud" x="40" y="70" transform="scale(0.9)" />
<use href="#cloud" x="220" y="60" transform="scale(1.1)" />
<use href="#cloud" x="140" y="45" transform="scale(0.7)" />
</g>
<!-- Cityscape with more detail and dimension -->
<g>
<!-- Distant mountains/hills -->
<path d="M0,230 Q50,190 100,210 Q150,180 200,200 Q250,170 300,210 L300,300 L0,300 Z" fill="#1A2639" />
<!-- Various buildings with depth -->
<rect x="10" y="200" width="25" height="100" fill="#2C3E50" />
<rect x="10" y="200" width="25" height="100" fill="url(#windowPattern)" opacity="0.5" />
<rect x="35" y="180" width="30" height="120" fill="#34495E" />
<rect x="35" y="180" width="30" height="120" fill="url(#windowPattern)" opacity="0.5" />
<rect x="65" y="220" width="20" height="80" fill="#2C3E50" />
<rect x="65" y="220" width="20" height="80" fill="url(#windowPattern)" opacity="0.5" />
<!-- Skyscraper -->
<path d="M85,160 L85,300 L115,300 L115,160 L105,140 L95,140 Z" fill="#34495E" />
<rect x="85" y="160" width="30" height="140" fill="url(#windowPattern)" opacity="0.5" />
<rect x="95" y="140" width="10" height="20" fill="#ECF0F1" />
<rect x="115" y="210" width="25" height="90" fill="#2C3E50" />
<rect x="115" y="210" width="25" height="90" fill="url(#windowPattern)" opacity="0.5" />
<!-- Large central building -->
<path d="M140,170 L140,300 L180,300 L180,170 L160,150 Z" fill="#34495E" />
<rect x="140" y="170" width="40" height="130" fill="url(#windowPattern)" opacity="0.5" />
<rect x="155" y="150" width="10" height="20" fill="#ECF0F1" />
<rect x="180" y="190" width="30" height="110" fill="#2C3E50" />
<rect x="180" y="190" width="30" height="110" fill="url(#windowPattern)" opacity="0.5" />
<rect x="210" y="230" width="20" height="70" fill="#34495E" />
<rect x="210" y="230" width="20" height="70" fill="url(#windowPattern)" opacity="0.5" />
<rect x="230" y="200" width="35" height="100" fill="#2C3E50" />
<rect x="230" y="200" width="35" height="100" fill="url(#windowPattern)" opacity="0.5" />
<!-- Another skyscraper -->
<path d="M265,150 L265,300 L285,300 L285,150 L275,130 Z" fill="#34495E" />
<rect x="265" y="150" width="20" height="150" fill="url(#windowPattern)" opacity="0.5" />
<rect x="270" y="130" width="10" height="20" fill="#ECF0F1" />
<rect x="285" y="240" width="15" height="60" fill="#2C3E50" />
<rect x="285" y="240" width="15" height="60" fill="url(#windowPattern)" opacity="0.5" />
</g>
<!-- Magical energy trails in background -->
<path d="M80,100 C120,120 150,80 170,120 C190,160 220,140 240,180"
fill="none" stroke="url(#magicTrailGradient)" stroke-width="1" opacity="0.5" />
<path d="M50,150 C80,130 110,160 130,130 C150,100 170,120 200,100"
fill="none" stroke="url(#magicTrailGradient)" stroke-width="1" opacity="0.5" />
<!-- Main elements -->
<!-- Umbrella with more detail -->
<g id="umbrella" transform="translate(150, 80)">
<!-- Umbrella top -->
<path d="M0,0 C-45,0 -60,-45 -60,-45 L60,-45 C60,-45 45,0 0,0 Z" fill="url(#umbrellaGradient)" />
<!-- Umbrella ribs and structure -->
<path d="M0,0 C-36,0 -48,-36 -48,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C-24,0 -32,-36 -32,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C-12,0 -16,-36 -16,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C0,0 0,-36 0,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C12,0 16,-36 16,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C24,0 32,-36 32,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<path d="M0,0 C36,0 48,-36 48,-36" fill="none" stroke="#FFD700" stroke-width="1" />
<!-- Umbrella handle -->
<path d="M0,0 L0,60" stroke="#6D4C41" stroke-width="3" stroke-linecap="round" />
<path d="M-5,60 C-5,65 5,65 5,60 C5,55 -5,55 -5,60 Z" fill="#6D4C41" />
<!-- Decorative elements on umbrella -->
<circle cx="-40" cy="-25" r="4" fill="#FFD700" opacity="0.8" />
<circle cx="-24" cy="-20" r="3" fill="#FFD700" opacity="0.8" />
<circle cx="-8" cy="-25" r="4" fill="#FFD700" opacity="0.8" />
<circle cx="8" cy="-20" r="3" fill="#FFD700" opacity="0.8" />
<circle cx="24" cy="-25" r="4" fill="#FFD700" opacity="0.8" />
<circle cx="40" cy="-20" r="3" fill="#FFD700" opacity="0.8" />
<!-- Edge glow -->
<path d="M-60,-45 C-45,-15 0,5 60,-45" fill="none" stroke="#FFFFFF" stroke-width="1" opacity="0.7" />
</g>
<!-- Magical stream connecting umbrella to fish -->
<path d="M150,80 C155,110 145,130 155,150 C165,170 140,190 145,210 C150,230 160,250 150,270"
fill="none" stroke="url(#magicTrailGradient)" stroke-width="3" stroke-dasharray="1,2" opacity="0.8" filter="url(#subtleGlow)" />
<!-- Water drops -->
<g>
<use href="#waterDrop" x="130" y="110" transform="scale(0.8)" opacity="0.7" />
<use href="#waterDrop" x="170" y="120" transform="scale(0.6)" opacity="0.7" />
<use href="#waterDrop" x="145" y="140" transform="scale(0.7)" opacity="0.7" />
<use href="#waterDrop" x="185" y="130" transform="scale(0.5)" opacity="0.7" />
<use href="#waterDrop" x="160" y="150" transform="scale(0.6)" opacity="0.7" />
<use href="#waterDrop" x="125" y="160" transform="scale(0.7)" opacity="0.7" />
<use href="#waterDrop" x="175" y="170" transform="scale(0.8)" opacity="0.7" />
<use href="#waterDrop" x="140" y="180" transform="scale(0.6)" opacity="0.7" />
<use href="#waterDrop" x="190" y="190" transform="scale(0.5)" opacity="0.7" />
<use href="#waterDrop" x="155" y="200" transform="scale(0.7)" opacity="0.7" />
</g>
<!-- Goldfish rain -->
<g>
<!-- Multiple goldfish in different positions and sizes -->
<use href="#goldfish" x="120" y="100" transform="scale(1.8) rotate(15)" filter="url(#goldGlow)" />
<use href="#goldfish" x="170" y="130" transform="scale(1.4) rotate(-20)" filter="url(#goldGlow)" />
<use href="#goldfish" x="140" y="150" transform="scale(1.6) rotate(5)" filter="url(#goldGlow)" />
<use href="#goldfish" x="200" y="140" transform="scale(1.5) rotate(25)" filter="url(#goldGlow)" />
<use href="#goldfish" x="110" y="170" transform="scale(1.7) rotate(-15)" filter="url(#goldGlow)" />
<use href="#goldfish" x="180" y="180" transform="scale(1.5) rotate(10)" filter="url(#goldGlow)" />
<use href="#goldfish" x="130" y="200" transform="scale(1.9) rotate(-5)" filter="url(#goldGlow)" />
<use href="#goldfish" x="190" y="210" transform="scale(1.3) rotate(30)" filter="url(#goldGlow)" />
<use href="#goldfish" x="150" y="180" transform="scale(1.2) rotate(-30)" filter="url(#goldGlow)" />
<use href="#goldfish" x="160" y="220" transform="scale(1.6) rotate(20)" filter="url(#goldGlow)" />
<use href="#goldfish" x="120" y="230" transform="scale(1.4) rotate(-10)" filter="url(#goldGlow)" />
<use href="#goldfish" x="180" y="250" transform="scale(1.7) rotate(5)" filter="url(#goldGlow)" />
</g>
<!-- Sparkles around goldfish for magical effect -->
<g>
<use href="#sparkle" x="125" y="105" transform="scale(0.7)" />
<use href="#sparkle" x="175" y="135" transform="scale(0.6)" />
<use href="#sparkle" x="145" y="155" transform="scale(0.5)" />
<use href="#sparkle" x="205" y="145" transform="scale(0.7)" />
<use href="#sparkle" x="115" y="175" transform="scale(0.6)" />
<use href="#sparkle" x="185" y="185" transform="scale(0.5)" />
<use href="#sparkle" x="135" y="205" transform="scale(0.7)" />
<use href="#sparkle" x="195" y="215" transform="scale(0.6)" />
<use href="#sparkle" x="155" y="185" transform="scale(0.5)" />
<use href="#sparkle" x="165" y="225" transform="scale(0.7)" />
<use href="#sparkle" x="125" y="235" transform="scale(0.6)" />
<use href="#sparkle" x="185" y="255" transform="scale(0.5)" />
</g>
<!-- Additional magical dust particles around umbrella -->
<g>
<circle cx="120" cy="75" r="1" fill="#FFD700" opacity="0.8" />
<circle cx="160" cy="65" r="1.2" fill="#FFD700" opacity="0.8" />
<circle cx="180" cy="75" r="0.8" fill="#FFD700" opacity="0.8" />
<circle cx="130" cy="60" r="1" fill="#FFD700" opacity="0.8" />
<circle cx="150" cy="55" r="1.3" fill="#FFD700" opacity="0.8" />
<circle cx="170" cy="60" r="0.7" fill="#FFD700" opacity="0.8" />
<circle cx="140" cy="70" r="0.9" fill="#FFD700" opacity="0.8" />
<circle cx="125" cy="85" r="1.1" fill="#FFD700" opacity="0.8" />
<circle cx="185" cy="85" r="0.6" fill="#FFD700" opacity="0.8" />
</g>
<!-- Reflection of goldfish on buildings (subtle) -->
<g opacity="0.3">
<use href="#goldfish" x="110" y="220" transform="scale(0.8) rotate(15)" fill="#FFD700" />
<use href="#goldfish" x="160" y="240" transform="scale(0.7) rotate(-10)" fill="#FFD700" />
<use href="#goldfish" x="200" y="230" transform="scale(0.9) rotate(5)" fill="#FFD700" />
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#87CEEB"/>
<stop offset="100%" stop-color="#4682B4"/>
</linearGradient>
<linearGradient id="umbrellaGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FFD700"/>
<stop offset="100%" stop-color="#FFA500"/>
</linearGradient>
<radialGradient id="fishGradient" cx="0.5" cy="0.5" r="0.5">
<stop offset="0%" stop-color="#FFD700"/>
<stop offset="100%" stop-color="#FFA500"/>
</radialGradient>
<pattern id="fishPattern" x="0" y="0" width="0.1" height="0.1" patternUnits="objectBoundingBox">
<rect x="0" y="0" width="10" height="10" fill="transparent"/>
<path d="M5,2 C6,3 7,4 8,5 C7,6 6,7 5,8 C4,7 3,6 2,5 C3,4 4,3 5,2 Z" fill="url(#fishGradient)"/>
</pattern>
</defs>
<rect width="300" height="300" fill="url(#skyGradient)"/>
<rect x="0" y="200" width="300" height="100" fill="#2F4F4F"/>
<path d="M150,50 C100,50 50,100 50,150 C50,200 100,250 150,250 C200,250 250,200 250,150 C250,100 200,50 150,50 Z" fill="url(#umbrellaGradient)"/>
<path d="M150,50 C100,50 50,100 50,150 C50,200 100,250 150,250 C200,250 250,200 250,150 C250,100 200,50 150,50 Z" fill="url(#fishPattern)"/>
<rect x="140" y="250" width="20" height="50" fill="#8B4513"/>
<circle cx="150" cy="50" r="10" fill="#FF4500"/>
<g>
<path d="M150,50 L150,80" stroke="#FF4500" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,10" dur="1s" repeatCount="indefinite"/>
</g>
<g>
<path d="M100,100 L110,110" stroke="#FFD700" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,200" dur="2s" repeatCount="indefinite"/>
</g>
<g>
<path d="M120,120 L130,130" stroke="#FFD700" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,200" dur="2.5s" repeatCount="indefinite"/>
</g>
<g>
<path d="M140,140 L150,150" stroke="#FFD700" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,200" dur="3s" repeatCount="indefinite"/>
</g>
<g>
<path d="M160,160 L170,170" stroke="#FFD700" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,200" dur="3.5s" repeatCount="indefinite"/>
</g>
<g>
<path d="M180,180 L190,190" stroke="#FFD700" stroke-width="2"/>
<animateTransform attributeName="transform" type="translate" from="0,0" to="0,200" dur="4s" repeatCount="indefinite"/>
</g>
</svg>GPT-4o
Judge & Evaluator
The winner of this SVG challenge is
Claude 3.7 Sonnet Thinking (2025-02-19)
Player 1
Judge's Analysis
Player 1's image creatively captures the prompt with the vibrant depiction of goldfish raining from a floating umbrella over a detailed cityscape.
The use of color and composition enhances the whimsical theme.
In contrast, Player 2's submission lacks clarity in representing the prompt and falls short in creativity and adherence to the theme.
These metrics analyze technical aspects of both SVG drawings. Look for differences that might explain the judge's decision. Use the "View Code" button above to see the SVG code for each drawing.
Shapes Metrics
Total Shapes
The total number of shape elements (rect, circle, ellipse, line, polygon, polyline, path) in the SVG.
Player 1
91
Player 2
14
Rectangles
The number of rectangle elements (rect) in the SVG.
Player 1
25
Player 2
4
Circles
The number of circle elements (circle) in the SVG.
Player 1
35
Player 2
1
Ellipses
The number of ellipse elements (ellipse) in the SVG.
Player 1
3
Player 2
—
Lines
The number of line elements (line) in the SVG.
Player 1
—
Player 2
—
Polygons
The number of polygon elements (polygon) in the SVG.
Player 1
—
Player 2
—
Paths
The number of path elements (path) in the SVG.
Player 1
28
Player 2
9
Groups
The number of group elements (g) in the SVG.
Player 1
13
Player 2
6
Visual Effects Metrics
Gradients
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
Player 1
7
Player 2
3
Patterns
The number of pattern definitions (pattern) in the SVG.
Player 1
1
Player 2
1
Filters
The number of filter definitions (filter) in the SVG.
Player 1
2
Player 2
—
Masks
The number of mask definitions (mask) in the SVG.
Player 1
—
Player 2
—
Clip Paths
The number of clipping path definitions (clipPath) in the SVG.
Player 1
—
Player 2
—
Elements with Opacity
The number of elements with opacity attributes in the SVG.
Player 1
48
Player 2
—
Elements with Stroke
The number of elements with stroke attributes in the SVG.
Player 1
14
Player 2
6
Colors Metrics
Unique Colors
The number of unique colors used in the SVG.
Player 1
21
Player 2
8
Interactivity Metrics
Animations
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
Player 1
—
Player 2
6
Elements with Transform
The number of elements with transform attributes in the SVG.
Player 1
41
Player 2
—
Complexity Metrics
Path Commands
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
Player 1
109
Player 2
30
Max Group Nesting
The maximum nesting level of group elements (g) in the SVG.
Player 1
—
Player 2
—
Defs Elements
The number of elements defined within the defs element in the SVG.
Player 1
14
Player 2
4
Use Elements
The number of use elements (use) in the SVG.
Player 1
40
Player 2
—
Text Metrics
Text Elements
The number of text elements (text) in the SVG.
Player 1
—
Player 2
—
AI Judging Process
Creativity
Originality, innovative use of shapes and unique approach to the prompt.
Prompt Adherence
How accurately the SVG captures the essence of the prompt.
Visual Appeal
Aesthetic quality including composition, color usage and overall visual impact.
How does judging work?
SVG drawings are converted to static PNG images for evaluation. The AI judge receives the original prompt and both images, then determines which drawing better fulfills the evaluation criteria without seeing animations, interactivity, or SVG code.
Similar Challenges
Match #719
Mar 13, 2025
"A clockwork dragonfly landing on a melting pocket watch"
P1
P2
Match #595
Mar 13, 2025
"Rainbow-colored snail playing a saxophone"
P1
P2
Match #387
Mar 13, 2025
"Clockwork cityscape under a swirling, starry sky"
P1
P2
Match #248
Mar 13, 2025
"A balloon animal spaceship floating in a starry galaxy"
P1
P2
Match #175
Mar 13, 2025
"Galactic jellyfish floating among neon asteroid fields"
P1
P2
