Creative Challenge
"Surreal flamingo with a clock for a head, standing on a melting iceberg"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="300" height="300" fill="url(#skyGradient)" />
<defs>
<linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FFDEE9" />
<stop offset="100%" stop-color="#B5FFFC" />
</linearGradient>
<radialGradient id="clockFaceGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFF8B3" />
<stop offset="100%" stop-color="#FFC107" />
</radialGradient>
<linearGradient id="icebergGradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#D0F4F7" />
<stop offset="100%" stop-color="#78C2AD" />
</linearGradient>
<pattern id="icebergPattern" patternUnits="userSpaceOnUse" width="10" height="10">
<rect width="10" height="10" fill="none"/>
<path d="M0 10 L10 0" stroke="#8BBF9F" stroke-width="0.5"/>
</pattern>
</defs>
<!-- Melting Iceberg -->
<g id="iceberg">
<path d="M20,250 Q70,230 120,240 T220,245 Q250,260 280,250 L280,300 L20,300 Z" fill="url(#icebergGradient)" stroke="#8BBF9F" stroke-width="2"/>
<!-- Pattern overlay for texture -->
<path d="M20,250 Q70,230 120,240 T220,245 Q250,260 280,250" fill="none" stroke="url(#icebergPattern)" stroke-width="3" stroke-linecap="round"/>
<!-- Drips -->
<path d="M100,245 C105,260 95,270 100,285" stroke="#8BBF9F" stroke-width="2" fill="none"/>
<path d="M160,245 C165,260 155,270 160,285" stroke="#8BBF9F" stroke-width="2" fill="none"/>
</g>
<!-- Surreal Flamingo -->
<g id="flamingo" transform="translate(150,130)">
<!-- Flamingo Body -->
<path d="M-20,20 Q0,0 20,20 T20,70 Q0,90 -20,70 T-20,20" fill="#F57C00" stroke="#D84315" stroke-width="2"/>
<!-- Long leg -->
<path d="M0,70 L0,110" stroke="#D84315" stroke-width="4" stroke-linecap="round"/>
<!-- Wing, abstract shape -->
<path d="M-10,40 Q-40,30 -30,60 Q-20,80 -10,70" fill="#FF8A65" stroke="#BF360C" stroke-width="2"/>
<!-- Clock Head -->
<g id="clockHead" transform="translate(0,-40)">
<!-- Clock circle -->
<circle cx="0" cy="0" r="20" fill="url(#clockFaceGradient)" stroke="#FBC02D" stroke-width="2"/>
<!-- Clock Numbers / Markers -->
<g id="clockMarks">
<line x1="0" y1="-18" x2="0" y2="-16" stroke="#BF360C" stroke-width="2"/>
<line x1="12.7" y1="-12.7" x2="11.3" y2="-11.3" stroke="#BF360C" stroke-width="2"/>
<line x1="18" y1="0" x2="16" y2="0" stroke="#BF360C" stroke-width="2"/>
<line x1="12.7" y1="12.7" x2="11.3" y2="11.3" stroke="#BF360C" stroke-width="2"/>
<line x1="0" y1="18" x2="0" y2="16" stroke="#BF360C" stroke-width="2"/>
<line x1="-12.7" y1="12.7" x2="-11.3" y2="11.3" stroke="#BF360C" stroke-width="2"/>
<line x1="-18" y1="0" x2="-16" y2="0" stroke="#BF360C" stroke-width="2"/>
<line x1="-12.7" y1="-12.7" x2="-11.3" y2="-11.3" stroke="#BF360C" stroke-width="2"/>
</g>
<!-- Clock Hands -->
<line x1="0" y1="0" x2="0" y2="-10" stroke="#BF360C" stroke-width="2" stroke-linecap="round"/>
<line x1="0" y1="0" x2="7" y2="3" stroke="#BF360C" stroke-width="2" stroke-linecap="round"/>
<!-- Clock center -->
<circle cx="0" cy="0" r="1.5" fill="#BF360C"/>
</g>
</g>
<!-- Surreal accents: Dripping clock details -->
<g id="drips">
<path d="M145,90 C143,100 147,110 145,120" fill="none" stroke="#FBC02D" stroke-width="2" stroke-linecap="round"/>
<path d="M155,90 C157,100 153,110 155,120" fill="none" stroke="#FBC02D" stroke-width="2" stroke-linecap="round"/>
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="flamingoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f06292" />
<stop offset="50%" stop-color="#d81b60" />
<stop offset="100%" stop-color="#880e4f" />
</linearGradient>
<radialGradient id="icebergGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#e0f7fa" />
<stop offset="70%" stop-color="#b2ebf2" />
<stop offset="100%" stop-color="#80deea" />
</radialGradient>
<pattern id="clockFace" width="20" height="20" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="8" fill="white" stroke="black" stroke-width="1"/>
<line x1="10" y1="10" x2="10" y2="5" stroke="black" stroke-width="1"/>
<line x1="10" y1="10" x2="15" y2="10" stroke="black" stroke-width="1"/>
</pattern>
</defs>
<path d="M 150 250 C 180 200, 120 200, 150 150 C 180 100, 120 100, 150 120 L 150 190 Z" fill="url(#icebergGradient)" filter="url(#meltFilter)"/>
<filter id="meltFilter">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />
<feDisplacementMap in="blur" in2="blur" scale="10" xChannelSelector="R" yChannelSelector="G" />
</filter>
<path d="M 150 120 c 15 -20, 15 -50, 0 -50" stroke="url(#flamingoGradient)" stroke-width="8" fill="none" stroke-linecap="round"/>
<circle cx="150" cy="70" r="30" fill="url(#clockFace)" stroke="#212121" stroke-width="2"/>
<g transform="translate(140,90) rotate(-20)">
<path d="M 0 0 L 10 -20 L 20 0 Z" fill="#f48fb1" stroke="black" stroke-width="1"/>
</g>
<g transform="translate(160,90) rotate(20)">
<path d="M 0 0 L -10 -20 L -20 0 Z" fill="#f48fb1" stroke="black" stroke-width="1"/>
</g>
</svg>Judge's Analysis
Player 2's submission is more aligned with the surreal theme, featuring a more detailed and imaginative approach to combining the flamingo and clock elements.
The technical quality and visual appeal are stronger, with a cohesive use of color and form that captures the prompt effectively.
Player 1's image lacks the complexity and adherence to the theme required for a surreal depiction.
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
"An umbrella blooming like a flower in the rain"
"Futuristic city skyline reflected in a floating bubble"
"Giraffe juggling planets, surrealism style"
"Floating jellyfish city in cyberpunk style"
"A penguin DJ spinning vinyl records on an iceberg dance floor"
"Ethereal jellyfish orbiting a luminous crescent moon"
