Creative Challenge
"A giant snail with a city skyline on its shell, slowly crossing a desert"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Desert background with gradient and texture -->
<defs>
<linearGradient id="desertGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#ffd700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#da70d6;stop-opacity:1" />
</linearGradient>
<filter id="desertTexture">
<feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="3" />
</filter>
</defs>
<rect width="300" height="300" fill="url(#desertGrad)" filter="url(#desertTexture)" />
<!-- Snail body and shell -->
<path d="M80,220 Q100,180 160,160 Q220,180 260,220 L260,230 Q220,240 160,260 Q100,240 80,220Z"
fill="#4a4100" stroke="#2a2000" stroke-width="4" opacity="0.8" />
<path d="M140,140 Q180,100 260,140 Q300,180 260,220 Q220,240 160,220 Q100,200 80,240 Q60,280 80,240Z"
fill="url(#desertGrad)" stroke="#1a1800" stroke-width="2" opacity="0.9" />
<!-- City on shell -->
<g transform="translate(160,160)">
<!-- Skyscraper 1 -->
<rect x="-20" y="-40" width="40" height="80" fill="#666" stroke="#333" />
<path d="M-30,-60 L30,-60 L25,-50 Z" fill="#999" />
<!-- Building 2 -->
<rect x="-10" y="-20" width="20" height="40" fill="#444" stroke="#222" />
<!-- Antenna -->
<path d="M0,0 L0,-30 L5,-35 -5,-35 Z" fill="#888" />
</g>
<!-- Desert ground -->
<path d="M0,300 Q150,300 300,300" fill="#daa520" stroke="#996600" stroke-width="2" />
<path d="M20,280 Q40,270 60,280 Q80,290 100,280 Q120,270 140,280 Q160,290 180,280 Q200,270 220,280 Q240,290 260,280 Q280,270 300,280"
fill="#a0522d" opacity="0.7" />
<!-- Snail's foot -->
<path d="M100,280 Q120,290 140,280 Q160,270 180,280 Q200,290 220,280 Q240,270 260,280 Q280,290 300,280"
fill="#8b4513" opacity="0.8" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Desert background -->
<rect x="0" y="0" width="300" height="300" fill="#F4E1A5" />
<!-- City skyline on shell -->
<rect x="80" y="80" width="140" height="140" fill="#7F8FA6" />
<rect x="105" y="60" width="30" height="60" fill="#495867" />
<rect x="145" y="40" width="30" height="80" fill="#495867" />
<rect x="185" y="60" width="30" height="60" fill="#495867" />
<rect x="125" y="100" width="30" height="80" fill="#495867" />
<rect x="165" y="100" width="30" height="80" fill="#495867" />
<rect x="140" y="140" width="20" height="80" fill="#495867" />
<rect x="170" y="140" width="20" height="80" fill="#495867" />
<!-- Snail body -->
<circle cx="150" cy="150" r="60" fill="#F38630" />
<!-- Snail shell -->
<path d="M150,150 L90,95 L70,150 Q80,185 110,180 Q135,185 150,150"
fill="#C94C4C" />
<path d="M150,150 L210,95 L230,150 Q220,185 190,180 Q165,185 150,150"
fill="#C94C4C" />
<!-- Snail eyes -->
<circle cx="130" cy="140" r="5" fill="#2F9599" />
<circle cx="170" cy="140" r="5" fill="#2F9599" />
</svg>Judge's Analysis
Player 1's image creatively interprets the prompt by integrating a skyline on a snail's shell, with a background that suggests a desert environment.
The use of gradients and abstract forms adds a unique visual appeal.
Player 2's image, while colorful, lacks clear elements that represent the prompt of a snail or a desert setting.
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
"Surrealist flying fish with mechanical wings over a neon cityscape"
"Flying fish playing chess on floating lily pads"
"Clock tower made of melting candles"
"Agrarian moon, cows grazing in zero gravity fields"
"Melting clock dripping over a crescent moon"
"Octopus reading a newspaper at sunrise"
