Creative Challenge
"A snail wearing a detective hat, magnifying glass in its shell, inspecting a leaf"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Background with gradient sky and subtle cloud texture -->
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="300">
<stop offset="0" style="stop-color:#87CEEB"/>
<stop offset="1" style="stop-color:#E0FFFF"/>
</linearGradient>
<linearGradient id="ground" x1="0" y1="200" x2="300" y2="300">
<stop offset="0" style="stop-color:#8B4513"/>
<stop offset="1" style="stop-color:#DEB887"/>
</linearGradient>
<path id="cloud" d="M50 80 C60 80 70 75 70 70 C70 65 60 60 50 60 C45 55 40 60 30 70 C30 75 35 80 40 85 C45 90 50 95 55 95 C60 90 65 85 70 80 C75 75 80 70 85 65 C85 60 80 55 75 50 C70 45 65 40 60 35 L60 30 L40 30 L45 35 C45 40 50 45 55 50 C60 55 65 60 70 65 C75 70 80 75 85 80 C90 85 95 90 100 95 C105 100 110 105 115 105 C115 100 110 95 105 90 L120 85 L130 80 L135 85 C135 90 130 95 125 100 C120 105 115 110 105 115 C100 115 95 110 90 105 L80 100 L70 105 L65 100 C65 95 70 90 75 85 C80 80 85 75 90 70 C95 65 100 60 105 55 L110 50 L120 50 L125 55 C125 60 120 65 115 70 C110 75 105 80 95 85 C90 90 85 95 80 100 L75 105 L65 105 L60 100 C60 95 65 90 70 85 C75 80 80 75 85 70 C90 65 95 60 100 55 L110 50 L130 50 L140 55 C140 60 135 65 130 70 C125 75 120 80 115 85 C110 90 105 95 95 100 L90 105 L80 105 L75 110 C75 115 80 120 85 125 C90 130 95 135 100 140 C105 145 110 150 115 150 C115 145 110 140 105 135 L95 130 L85 135 L80 130 C80 135 85 140 90 145 C95 150 100 155 105 155 C110 150 115 145 120 140 C125 135 130 130 135 125 L140 120 L140 115 L135 120 C135 125 140 130 145 135 C150 140 155 145 160 150 C160 155 155 160 150 165 C145 165 140 160 135 155 C130 150 125 145 120 140 C115 135 110 130 105 125 C105 120 100 115 95 110 C95 105 90 100 85 95 C85 90 80 85 75 80 C70 75 65 70 60 65 C55 60 50 55 45 50 L45 45 L55 45 L60 50 C60 55 55 60 50 65 C50 70 45 80 40 90 L35 95 L25 100 L20 95 C20 90 25 85 30 80 C35 75 40 70 45 65 C50 60 55 55 60 50 L65 45 L75 50 L80 45 C80 40 75 35 70 30 L70 25 L65 20 L60 25 C60 20 65 15 70 10 L80 5 L90 10 L95 5 C95 0 100 0 105 5 L110 10 L120 5 L125 0 L130 5 L140 10 L145 5 C145 0 140 0 135 5 L130 10 L120 15 L115 10 C115 5 110 0 105 5 L95 10 L85 15 L80 10 C80 5 75 0 70 5 L65 10 L55 5 L50 10 C50 5 45 0 40 5 L35 10 L25 5 L20 10 C20 5 15 0 10 5 L5 10 L0 5 L5 0 C5 0 0 5 5 10 C10 15 15 20 20 25 C25 30 30 35 35 40 C40 45 45 50 50 55 C55 60 60 65 65 70 C70 75 75 80 80 85 C85 90 90 95 95 100 C100 105 105 110 105 115 C105 120 100 125 95 130 C95 135 90 140 85 145 C85 150 85 155 85 160 C85 165 90 170 95 175 C100 180 105 185 110 190 C115 195 120 200 125 205 C130 210 135 215 140 220 C140 225 135 230 130 235 C130 240 135 245 140 250 C145 255 150 260 155 265 C155 270 150 275 145 280 C140 280 135 275 130 270 C125 265 120 260 115 255 C110 250 105 245 95 240 C95 235 90 230 85 225 C85 220 85 215 85 210 C85 205 90 200 95 195 C95 190 100 185 105 180 C105 175 100 170 95 165 C95 160 90 155 85 150 C85 145 85 140 85 135 C85 130 90 125 95 120 C95 115 100 110 105 105 C105 100 100 95 95 90 C95 85 90 80 85 75 C85 70 85 65 85 60 C85 55 90 50 95 45 C95 40 100 35 105 30 C105 25 100 20 95 15 C95 10 90 5 85 5 C85 0 80 0 75 5 L70 10 L60 5 L55 10 C55 5 50 0 45 5 L40 10 L30 5 L25 10 C25 5 20 0 15 5 L10 10 L5 5 L5 10 C5 15 0 20 5 25 C10 30 15 35 20 40 C25 45 30 50 35 55 C40 60 45 65 50 70 C55 75 60 80 65 85 C70 90 75 95 80 100 C80 105 75 110 70 115 C70 120 70 125 70 130 C70 135 65 140 60 145 C60 150 60 155 60 160 C60 165 55 170 50 175 C50 180 45 185 40 190 C40 195 35 200 30 205 C30 210 25 215 20 220 C20 225 15 230 10 235 C10 240 5 245 5 250 C5 255 0 260 0 265 C0 270 5 275 10 280 C15 285 20 290 25 295 C25 300 30 300 35 300 L300 300 L300 0 L0 0 Z" fill="white" opacity="0.1"/>
<pattern id="leafTexture" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
<circle cx="50" cy="50" r="40" fill="none" stroke="#3B3F4E" stroke-width="2"/>
<path d="M10 50 Q 30 40, 50 30 Q 70 40, 90 50 Q 80 60, 50 70 Q 20 60, 10 50" fill="#228B22" opacity="0.3"/>
</pattern>
</defs>
<!-- Scene elements -->
<rect width="300" height="300" fill="url(#sky)"/>
<use href="#cloud" opacity="0.2"/>
<rect width="300" height="100" y="200" fill="url(#ground)"/>
<path d="M20 220 L280 220 M20 230 L280 230 M20 240 L280 240" fill="none" stroke="#8B4513" stroke-opacity="0.3" stroke-width="2"/>
<!-- Snail -->
<g transform="translate(220,240)">
<!-- Shell -->
<path d="M0 0 Q 10 -10, 20 0 Q 30 10, 40 20 L40 40 Q 30 50, 20 60 L0 60 Q 10 50, 0 40 Z" fill="url(#gradient-shell)" stroke="#654321" stroke-width="2"/>
<defs>
<linearGradient id="gradient-shell" x1="0" y1="0" x2="40" y2="60">
<stop offset="0" style="stop-color:#FF69B4"/>
<stop offset="1" style="stop-color:#BA55D3"/>
</linearGradient>
</defs>
<!-- Magnifying glass on shell -->
<g transform="translate(25,25)">
<circle r="15" fill="white" stroke="#1E90FF" stroke-width="2"/>
<path d="M-5 -5 Q 0 -10, 5 -15 Q 10 -10, 15 -5 Q 10 0, 5 5 Q 0 0, -5 5 Z" fill="#1E90FF" opacity="0.3"/>
<text x="0" y="5" font-size="10" font-family="Arial" fill="#1E90FF">ZOOM</text>
</g>
<!-- Snail body -->
<ellipse cx="20" cy="30" rx="8" ry="5" fill="#32CD32"/>
<ellipse cx="20" cy="50" rx="12" ry="5" fill="#32CD32"/>
<!-- Detective hat -->
<path d="M0 0 L40 0 Q35 -10, 25 -20 Q15 -10, 10 0 Q5 10, 0 20 L0 40 L20 40 L40 20 L40 0 Z" fill="#8B0000" stroke="#654321" stroke-width="2">
<path d="M5 5 Q 15 0, 25 -5 Q35 0, 45 5 L45 15 L15 15 L5 5 Z" fill="#8B0000"/>
</path>
<!-- Face -->
<circle cx="20" cy="25" r="3" fill="#000000"/>
<circle cx="17" cy="23" r="1" fill="#ffffff"/>
<circle cx="23" cy="23" r="1" fill="#ffffff"/>
<path d="M15 30 Q20 35, 25 30" fill="#000000"/>
</g>
<!-- Leaf -->
<g transform="translate(80,130)" opacity="0.8">
<path d="M0 0 Q 50 -40, 100 -30 Q 120 -20, 140 0 Q 130 20, 120 40 Q 100 30, 80 50 L0 50 L-20 25 Z" fill="url(#leafTexture)"/>
<circle cx="100" cy="25" r="8" fill="#228B22" opacity="0.5"/>
<circle cx="90" cy="35" r="5" fill="#3B3F4E" opacity="0.5"/>
<path d="M85 20 Q95 15, 105 20 Q100 25, 95 30" fill="#3B3F4E" opacity="0.5"/>
<text x="50" y="50" font-size="20" font-family="Arial" fill="#3B3F4E">CLUE</text>
</g>
<!-- Magnifying glass effect -->
<g transform="translate(150,100)" opacity="0.5">
<circle r="30" fill="white" stroke="#1E90FF" stroke-width="2"/>
<path d="M-15 -15 Q 0 -30, 15 -15 Q 30 -30, 30 -15 Q 15 0, 0 15 Q -15 0, -30 15 Q -30 30, -15 30 Z" fill="#1E90FF" opacity="0.3"/>
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="shellGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f9d5e5;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ee9ca7;stop-opacity:1" />
</linearGradient>
<linearGradient id="leafGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#a8e063;stop-opacity:1" />
<stop offset="100%" style="stop-color:#56ab2f;stop-opacity:1" />
</linearGradient>
<pattern id="magnifyingPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="8" fill="none" stroke="#000" stroke-width="2" />
<line x1="10" y1="0" x2="10" y2="20" stroke="#000" stroke-width="2" />
<line x1="0" y1="10" x2="20" y2="10" stroke="#000" stroke-width="2" />
</pattern>
</defs>
<rect width="300" height="300" fill="#b2f2ea" />
<path d="M100 180 C 50 150, 50 220, 100 250 C 150 280, 200 220, 150 180 Z" fill="url(#shellGradient)" />
<circle cx="150" cy="140" r="20" fill="#d3a1a1" />
<circle cx="150" cy="140" r="15" fill="#f0d9d6" />
<path d="M140 120 C 130 110, 130 90, 140 80 Q 150 70, 160 80 C 170 90, 170 110, 160 120 Z" fill="#3c1f1f" />
<rect x="145" y="70" width="10" height="20" fill="#3c1f1f" />
<circle cx="150" cy="140" r="10" fill="url(#magnifyingPattern)" />
<path d="M180 210 C 200 200, 220 210, 230 230 C 240 250, 220 270, 180 260 Z" fill="url(#leafGradient)" />
<path d="M180 210 C 160 200, 140 210, 130 230 C 120 250, 140 270, 180 260 Z" fill="url(#leafGradient)" />
<ellipse cx="180" cy="240" rx="50" ry="30" fill="url(#leafGradient)" />
<path d="M200 230 L 220 210 L 230 230 L 200 240 Z" fill="#35682d" />
<path d="M200 230 L 220 210 L 230 230 L 200 240 Z" fill="#35682d" />
</svg>Judge's Analysis
Player 1's image showcases a clear depiction of a detective theme with a magnifying glass and a clue on a leaf, aligning well with the prompt.
The use of color and composition adds to the visual appeal and creativity of the concept.
Player 2's image lacks clarity and specific elements related to the prompt, making Player 1's submission more effective in execution and adherence.
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
"Flamingo playing a saxophone under a giant mushroom"
"Cloud surfing cat with starry eyes above a candy cane forest"
"Floating cityscape on a giant tortoise shell"
"An owl wearing steampunk goggles, perched on a crescent moon"
"Flying cat in a tuxedo, holding an umbrella, soaring above giant cupcakes"
"Elon Musk as a cybernetic centaur exploring Mars"
