Creative Challenge
"Galactic snail racing through cosmic clouds"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<defs>
<linearGradient id="cosmicGradient" x1="0" y1="0" x2="300" y2="300">
<stop offset="0" stop-color="#0b0b2d" stop-opacity="0.8"/>
<stop offset="1" stop-color="#1a1a4a" stop-opacity="0.6"/>
</linearGradient>
<filter id="glowFilter">
<feGaussianBlur stdDeviation="4" result="glow"/>
<feMerge>
<feMergeNode in="glow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<path id="cloudPath" d="M50,250 C60,240 70,240 80,250 C90,260 100,270 110,260 C120,250 130,240 140,230 L140,280 L120,280 C110,280 100,270 90,260 C80,250 70,240 60,240 C50,250 40,260 30,250 C20,240 10,240 0,250 L0,200 L10,200 C20,200 30,210 40,200 C50,190 60,190 70,200 C80,210 90,200 100,200 C110,190 120,190 130,200 C140,210 150,200 160,200 L160,180 L140,180 C130,180 120,170 110,180 C100,190 90,180 80,180 C70,170 60,170 50,180 C40,190 30,180 20,180 C10,170 0,170 0,150 L0,100 L10,100 C20,100 30,110 40,100 C50,90 60,90 70,100 C80,110 90,100 100,100 C110,90 120,90 130,100 C140,110 150,100 160,100 L160,80 L140,80 C130,80 120,70 110,80 C100,90 90,80 80,80 C70,70 60,70 50,80 C40,90 30,80 20,80 C10,70 0,70 0,50 L0,0 L10,0 C20,0 30,10 40,0 C50,-10 60,-10 70,0 C80,10 90,0 100,0 C110,-10 120,-10 130,0 C140,10 150,0 160,0 L160,20 L140,20 C130,20 120,10 110,20 C100,30 90,20 80,20 C70,10 60,10 50,20 C40,30 30,20 20,20 C10,10 0,10 0,30 L0,40 L10,40 C20,40 30,50 40,40 C50,30 60,30 70,40 C80,50 90,40 100,40 C110,30 120,30 130,40 C140,50 150,40 160,40 L160,60 L140,60 C130,60 120,50 110,60 C100,70 90,60 80,60 C70,50 60,50 50,60 C40,70 30,60 20,60 C10,50 0,50 0,70 L0,80 L10,80 C20,80 30,90 40,80 C50,70 60,70 70,80 C80,90 90,80 100,80 C110,70 120,70 130,80 C140,90 150,80 160,80 L160,100 L140,100 C130,100 120,90 110,100 C100,110 90,100 80,100 C70,90 60,90 50,100 C40,110 30,100 20,100 C10,90 0,90 0,110 L0,120 L10,120 C20,120 30,130 40,120 C50,110 60,110 70,120 C80,130 90,120 100,120 C110,110 120,110 130,120 C140,130 150,120 160,120 L160,140 L140,140 C130,140 120,130 110,140 C100,150 90,140 80,140 C70,130 60,130 50,140 C40,150 30,140 20,140 C10,130 0,130 0,150 L0,160 L10,160 C20,160 30,170 40,160 C50,150 60,150 70,160 C80,170 90,160 100,160 C110,150 120,150 130,160 C140,170 150,160 160,160 L160,180 L140,180 C130,180 120,170 110,180 C100,190 90,180 80,180 C70,170 60,170 50,180 C40,190 30,180 20,180 C10,170 0,170 0,190 L0,200 L10,200 C20,200 30,210 40,200 C50,190 60,190 70,200 C80,210 90,200 100,200 C110,190 120,190 130,200 C140,210 150,200 160,200 L160,220 L140,220 C130,220 120,210 110,220 C100,230 90,220 80,220 C70,210 60,210 50,220 C40,230 30,220 20,220 C10,210 0,210 0,230 L0,240 L10,240 C20,240 30,250 40,240 C50,230 60,230 70,240 C80,250 90,240 100,240 C110,230 120,230 130,240 C140,250 150,240 160,240 L160,260 L140,260 C130,260 120,250 110,260 C100,270 90,260 80,260 C70,250 60,250 50,260 C40,270 30,260 20,260 C10,250 0,250 0,270 L0,280 L10,280 C20,280 30,290 40,280 C50,270 60,270 70,280 C80,290 90,280 100,280 C110,270 120,270 130,280 C140,290 150,280 160,280 L160,300 300,300 L300,200 L290,200 C280,200 270,190 260,200 C250,210 240,200 230,200 C220,190 210,190 200,200 C190,210 180,200 170,200 C160,190 150,190 140,200 C130,210 120,200 110,200 C100,190 90,190 80,200 C70,210 60,210 50,200 C40,190 30,200 20,200 C10,210 0,210 0,230 L0,250 50,250 L50,250 Z"/>
</defs>
<!-- Background -->
<rect width="300" height="300" fill="url(#cosmicGradient)"/>
<!-- Cosmic Clouds -->
<g opacity="0.6">
<use href="#cloudPath" fill="#4a4ad4" opacity="0.8"/>
<use href="#cloudPath" fill="#d74a4a" opacity="0.5" x="50"/>
<use href="#cloudPath" fill="#4ad4d7" opacity="0.4" x="100"/>
</g>
<!-- Stars -->
<g fill="white">
<circle cx="50" cy="50" r="1" opacity="0.8"/>
<circle cx="200" cy="100" r="1.5" opacity="0.6"/>
<circle cx="80" cy="200" r="1.2" opacity="0.7"/>
<circle cx="150" cy="150" r="1" opacity="0.5"/>
<circle cx="250" cy="250" r="1.3" opacity="0.4"/>
</g>
<!-- Snail -->
<g transform="translate(180,220) scale(0.8)">
<path d="M0,0 Q50,-20 100,0 Q150,20 200,0 Q250,-20 300,0 Q350,20 400,0 Q450,-20 500,0 Q550,30 600,70 L600,70 L500,170 Q450,200 400,170 Q350,140 300,170 Q250,200 200,170 Q150,140 100,170 Q50,200 0,170 L0,170 Z"
fill="url(#cosmicGradient)" filter="url(#glowFilter)"/>
<!-- Snail Body -->
<ellipse cx="220" cy="140" rx="40" ry="30" fill="#ffffff" opacity="0.9"/>
<!-- Eyes -->
<circle cx="200" cy="110" r="15" fill="white"/>
<circle cx="240" cy="110" r="15" fill="white"/>
<circle cx="200" cy="110" r="5" fill="#ff0000"/>
<circle cx="240" cy="110" r="5" fill="#ff0000"/>
<!-- Antennae -->
<path d="M180,90 Q190,80 200,85" stroke="white" stroke-width="2" fill="none"/>
<path d="M260,90 Q270,80 280,85" stroke="white" stroke-width="2" fill="none"/>
</g>
<!-- Trail -->
<path d="M180,220 C200,230 220,240 250,250" stroke="url(#cosmicGradient)" stroke-width="8" opacity="0.7" fill="none"/>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Background Gradient -->
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color: #1e3c72; stop-opacity:1" />
<stop offset="100%" style="stop-color: #2a5298; stop-opacity:1" />
</linearGradient>
<!-- Cosmic Cloud Gradient -->
<radialGradient id="cloudGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color: rgba(255,255,255,0.8)" />
<stop offset="100%" style="stop-color: rgba(255,255,255,0.2)" />
</radialGradient>
<!-- Snail Shell Gradient -->
<conicGradient id="shellGradient" angle="45deg">
<stop offset="0%" stop-color="#ff9a9e" />
<stop offset="25%" stop-color="#fad0c4" />
<stop offset="50%" stop-color="#fad0c4" />
<stop offset="75%" stop-color="#ff9a9e" />
<stop offset="100%" stop-color="#ff9a9e" />
</conicGradient>
</defs>
<!-- Background -->
<rect width="300" height="300" fill="url(#bgGradient)" />
<!-- Cosmic Clouds -->
<ellipse cx="80" cy="70" rx="60" ry="30" fill="url(#cloudGradient)" opacity="0.6"/>
<ellipse cx="220" cy="120" rx="80" ry="40" fill="url(#cloudGradient)" opacity="0.5"/>
<ellipse cx="150" cy="220" rx="100" ry="50" fill="url(#cloudGradient)" opacity="0.4"/>
<!-- Galactic Snail Body -->
<g transform="translate(150,150) scale(1.2)">
<!-- Snail Body -->
<path d="M-30,0 Q-40,-20 -30,-30 Q-20,-40 -10,-30 Q0,-20 10,-30 Q20,-40 30,-30 Q40,-20 30,0 Q40,20 30,30 Q20,40 10,30 Q0,20 -10,30 Q-20,40 -30,30 Q-40,20 -30,0 Z" fill="#6a5acd" />
<!-- Snail Head -->
<circle cx="30" cy="-10" r="10" fill="#483d8b" />
<circle cx="30" cy="-10" r="4" fill="#fff" />
<!-- Snail Tentacles -->
<path d="M25,-15 Q27,-20 30,-15" stroke="#483d8b" stroke-width="2" fill="none"/>
<path d="M35,-15 Q37,-20 40,-15" stroke="#483d8b" stroke-width="2" fill="none"/>
<!-- Snail Foot -->
<ellipse cx="-30" cy="0" rx="15" ry="8" fill="#483d8b" />
<!-- Snail Shell with Galaxy Pattern -->
<circle cx="0" cy="0" r="30" fill="url(#shellGradient)" stroke="#fff" stroke-width="1"/>
<!-- Stars on Shell -->
<circle cx="-10" cy="-10" r="1.5" fill="#fff"/>
<circle cx="10" cy="-5" r="1" fill="#fff"/>
<circle cx="15" cy="10" r="1.2" fill="#fff"/>
<circle cx="-5" cy="15" r="1" fill="#fff"/>
<circle cx="0" cy="-15" r="0.8" fill="#fff"/>
</g>
<!-- Motion Lines -->
<path d="M100,150 Q120,130 140,150" stroke="rgba(255,255,255,0.3)" stroke-width="2" fill="none" stroke-dasharray="5,5"/>
<path d="M200,150 Q220,170 240,150" stroke="rgba(255,255,255,0.3)" stroke-width="2" fill="none" stroke-dasharray="5,5"/>
<!-- Shooting Stars -->
<g>
<line x1="50" y1="50" x2="55" y2="55" stroke="#fff" stroke-width="1"/>
<line x1="250" y1="80" x2="255" y2="85" stroke="#fff" stroke-width="1"/>
<line x1="180" y1="40" x2="185" y2="45" stroke="#fff" stroke-width="1"/>
</g>
</svg>Judge's Analysis
Player 2's image captures the theme of a 'Galactic snail racing through cosmic clouds' more effectively with the clear depiction of a snail-like shape amidst soft, cloud-like forms.
The use of color and composition creates a sense of movement and cosmic ambiance, enhancing the visual appeal.
Player 1's image, while abstract and visually interesting, lacks an identifiable snail or racing element, making it less adherent to the prompt.
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
"A flying cat wearing a UFO as a hat, hovering above candy mountains"
"Umbrella growing from a teacup"
"A neon jellyfish orbiting a giant silver apple under a starry sky"
"Flying fish with balloon wings over a cityscape"
"Astronaut penguin juggling planets in space"
"Surreal clock with melting numbers and flying teacup"
