Creative Challenge
"Robot watering a giant carnivorous plant under a glowing moon."
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="skyGradient" cx="50%" cy="100%" r="150%" fx="50%" fy="100%">
<stop offset="0%" stop-color="#0d0d36"/>
<stop offset="100%" stop-color="#000"/>
</radialGradient>
<radialGradient id="moonGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#eefffd"/>
<stop offset="100%" stop-color="#ccddee"/>
</radialGradient>
<filter id="moonGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="plantGreen" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#2fbf2f"/>
<stop offset="100%" stop-color="#004400"/>
</linearGradient>
<linearGradient id="trapInside" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#880000"/>
<stop offset="100%" stop-color="#330000"/>
</linearGradient>
<pattern id="leafPattern" patternUnits="userSpaceOnUse" width="10" height="10">
<path d="M0,5 l5,-5 M5,15 l5,-5" stroke="#003300" stroke-width="1"/>
</pattern>
<linearGradient id="metal" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#bbbbbb"/>
<stop offset="50%" stop-color="#ffffff"/>
<stop offset="100%" stop-color="#999999"/>
</linearGradient>
<radialGradient id="eye" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ff0"/>
<stop offset="100%" stop-color="#aa0"/>
</radialGradient>
<linearGradient id="waterGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#aeefff" stop-opacity="0.8"/>
<stop offset="100%" stop-color="#66ccff" stop-opacity="0.4"/>
</linearGradient>
<filter id="blurSmall" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceGraphic" stdDeviation="1"/>
</filter>
</defs>
<rect width="300" height="300" fill="url(#skyGradient)"/>
<circle cx="220" cy="60" r="35" fill="url(#moonGradient)" filter="url(#moonGlow)"/>
<g>
<circle cx="50" cy="30" r="1.5" fill="#fff" opacity="0.8"/>
<circle cx="80" cy="20" r="2" fill="#fff" opacity="0.6"/>
<circle cx="140" cy="40" r="1.2" fill="#eef" opacity="0.7"/>
<circle cx="180" cy="15" r="1.8" fill="#fff" opacity="0.5"/>
<circle cx="250" cy="90" r="1" fill="#f8f8f8" opacity="0.9"/>
</g>
<g>
<path d="M120 300 C115 220,110 180,130 150 L140 300 Z" fill="url(#plantGreen)"/>
<path d="M130 150 C140 180,170 180,180 150 C170 160,150 160,140 150 Z" fill="url(#trapInside)" stroke="#550000" stroke-width="2"/>
<path d="M132 148 L138 142 M149 143 L156 136 M165 145 L172 138" stroke="#ff6666" stroke-width="2"/>
<ellipse cx="155" cy="155" rx="25" ry="8" fill="none" stroke="#220000" stroke-width="2"/>
<ellipse cx="139" cy="143" rx="5" ry="2" fill="#ffaaaa" opacity="0.7"/>
</g>
<g transform="translate(210,250)">
<rect x="-20" y="-40" width="40" height="60" fill="url(#metal)" stroke="#666" stroke-width="2"/>
<circle cx="0" cy="-50" r="15" fill="url(#metal)" stroke="#777" stroke-width="2"/>
<circle cx="0" cy="-50" r="6" fill="url(#eye)"/>
<rect x="-30" y="-10" width="10" height="30" fill="url(#metal)" stroke="#666" stroke-width="2"/>
<rect x="20" y="-10" width="10" height="30" fill="url(#metal)" stroke="#666" stroke-width="2"/>
<rect x="-5" y="-20" width="20" height="10" fill="#888" stroke="#555" stroke-width="1"/>
<g transform="translate(-25,-20) rotate(-25)">
<rect x="0" y="-5" width="40" height="10" fill="url(#metal)" stroke="#666" stroke-width="1"/>
<polygon points="40,-5 55,-5 55,5 40,5" fill="url(#metal)" stroke="#666" stroke-width="1"/>
<rect x="55" y="0" width="25" height="10" fill="#79c" stroke="#46a" stroke-width="1"/>
<g filter="url(#blurSmall)">
<circle cx="70" cy="5" r="3" fill="url(#waterGrad)"/>
<circle cx="75" cy="15" r="4" fill="url(#waterGrad)"/>
<circle cx="80" cy="25" r="2.5" fill="url(#waterGrad)"/>
<path d="M68,2 C70,10,75,17,80,25" stroke="url(#waterGrad)" stroke-width="2" fill="none"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Background -->
<rect x="0" y="0" width="300" height="300" fill="#0F293C" />
<!-- Moon -->
<circle cx="250" cy="50" r="40" fill="#F5DF4D" />
<!-- Robot -->
<circle cx="150" cy="180" r="40" fill="#B0B0B0" />
<rect x="130" y="160" width="40" height="40" fill="#8C8C8C" />
<rect x="142" y="160" width="15" height="20" fill="#8C8C8C" />
<!-- Carnivorous plant -->
<path d="M100 260 Q130 200 160 260 Q190 200 220 260 Q190 320 160 260 Q130 320 100 260"
fill="url(#plantGradient)" />
<ellipse cx="160" cy="240" rx="20" ry="10" fill="#F93A3A" />
<!-- Watering can -->
<path d="M100 180 Q80 160 100 140 Q120 120 140 140 L135 145 L110 120 L105 125 Z"
fill="#8C8C8C" />
<!-- Gradient for the plant -->
<defs>
<linearGradient id="plantGradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="10%" stop-color="#4CAF50" />
<stop offset="90%" stop-color="#2E7D32" />
</linearGradient>
</defs>
</svg>Judge's Analysis
Player 1's submission demonstrates greater adherence to the prompt by clearly depicting a robot watering a giant carnivorous plant under a glowing moon.
The technical execution, including the water stream and the glowing moon, adds to the scene's clarity and appeal.
Player 2's image, while minimalist, lacks detail and does not effectively convey the action of watering or the carnivorous plant 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
The total number of shape elements (rect, circle, ellipse, line, polygon, polyline, path) in the SVG.
The number of rectangle elements (rect) in the SVG.
The number of circle elements (circle) in the SVG.
The number of ellipse elements (ellipse) in the SVG.
The number of line elements (line) in the SVG.
The number of polygon elements (polygon) in the SVG.
The number of path elements (path) in the SVG.
The number of group elements (g) in the SVG.
Visual Effects Metrics
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
The number of pattern definitions (pattern) in the SVG.
The number of filter definitions (filter) in the SVG.
The number of mask definitions (mask) in the SVG.
The number of clipping path definitions (clipPath) in the SVG.
The number of elements with opacity attributes in the SVG.
The number of elements with stroke attributes in the SVG.
Colors Metrics
The number of unique colors used in the SVG.
Interactivity Metrics
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
The number of elements with transform attributes in the SVG.
Complexity Metrics
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
The maximum nesting level of group elements (g) in the SVG.
The number of elements defined within the defs element in the SVG.
The number of use elements (use) in the SVG.
Text Metrics
The number of text elements (text) in the SVG.
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
"Pirate ship in a bottle during a storm."
"A tree growing upside down from the sky, roots reaching toward the ground."
"Two giraffes tangled in a single scarf on a windy mountaintop."
"Cat astronaut planting a flag on a cheese moon."
