Creative Challenge
"Flamingo wearing a monocle, riding a penny-farthing bicycle"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Background with gradient sky and subtle clouds -->
<defs>
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
<stop offset="100%" style="stop-color:#E0F6FF;stop-opacity:1" />
</linearGradient>
<linearGradient id="flamingoPink" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFB3BA;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF99CC;stop-opacity:1" />
</linearGradient>
<path id="cloudShape" d="M50 30 C60 10 90 10 100 30 110 50 100 70 90 80 80 100 50 80 30 100 10 70 20 50 10 30 Z"/>
</defs>
<!-- Sky background -->
<rect width="300" height="300" fill="url(#skyGradient)"/>
<!-- Clouds -->
<g opacity="0.6">
<use href="#cloudShape" x="50" y="50" fill="white"/>
<use href="#cloudShape" x="180" y="80" fill="white"/>
<use href="#cloudShape" x="100" y="150" fill="white"/>
</g>
<!-- Ground -->
<path d="M0 240 C0 260 300 260 300 240 L300 300 L0 300 Z" fill="url(#linearGradient-2)"/>
<!-- Flamingo body -->
<g transform="translate(150,200)">
<!-- Body -->
<path d="M0 0 L40 -20 Q50 0 60 20 L120 20 Q130 0 140 -20 L180 -20 Q190 0 200 20 L240 20 Q250 0 260 -20 L300 -20 Q310 0 300 20 L300 40 Q310 60 300 80 L300 100 Q290 110 280 120 L260 120 Q250 110 240 100 L240 80 Q230 60 220 40 L220 20 Q210 10 200 0 Z" fill="url(#flamingoPink)"/>
<!-- Neck -->
<path d="M220 20 Q230 30 240 40 Q250 50 240 60 Q230 70 220 80 Q210 90 200 100" stroke="#FF99CC" stroke-width="8" fill="none"/>
<!-- Head -->
<path d="M180 100 Q190 110 200 120 Q210 130 220 130 Q230 120 240 110 L240 100 Z" fill="#FF99CC"/>
<!-- Beak -->
<path d="M240 110 L250 120 L260 110 Z" fill="#FF99CC"/>
<!-- Monocle -->
<circle cx="220" cy="115" r="5" fill="white"/>
<circle cx="220" cy="115" r="4" fill="none" stroke="#000" stroke-width="2"/>
<path d="M218 113 Q220 115 222 113" fill="none" stroke="#666" stroke-width="1"/>
</g>
<!-- Bicycle -->
<g transform="translate(120,220)" opacity="0.8">
<!-- Wheels -->
<circle cx="0" cy="0" r="30" fill="none" stroke="#666" stroke-width="4"/>
<circle cx="0" cy="0" r="25" fill="#999"/>
<circle cx="120" cy="0" r="50" fill="none" stroke="#666" stroke-width="4"/>
<circle cx="120" cy="0" r="45" fill="#999"/>
<!-- Spokes -->
<path d="M0 0 L30 0" stroke="#666" stroke-width="2"/>
<path d="M0 0 L-20 40" stroke="#666" stroke-width="2"/>
<path d="M0 0 L20 40" stroke="#666" stroke-width="2"/>
<path d="M120 0 L90 -30" stroke="#666" stroke-width="2"/>
<path d="M120 0 L150 -30" stroke="#666" stroke-width="2"/>
<path d="M120 0 L60 -20" stroke="#666" stroke-width="2"/>
<path d="M120 0 L180 -20" stroke="#666" stroke-width="2"/>
<!-- Frame -->
<path d="M0 0 Q60 -20 120 0 Q180 -20 240 0 Q180 20 120 40 Q60 20 0 0" fill="#666"/>
<path d="M0 0 L120 40" stroke="#666" stroke-width="4"/>
<path d="M0 0 L60 -20" stroke="#666" stroke-width="4"/>
<path d="M120 0 L180 -20" stroke="#666" stroke-width="4"/>
<!-- Seat -->
<rect x="50" y="30" width="20" height="10" fill="#444"/>
<!-- Handlebars -->
<circle cx="60" cy="20" r="10" fill="#666"/>
<circle cx="180" cy="20" r="10" fill="#666"/>
</g>
<!-- Legs and feet -->
<g transform="translate(120,220)" opacity="0.8">
<path d="M0 0 L-20 -40" stroke="#666" stroke-width="4"/>
<path d="M240 0 L220 -40" stroke="#666" stroke-width="4"/>
<path d="M-20 -40 L-30 -50" fill="#000"/>
<path d="M220 -40 L230 -50" fill="#000"/>
</g>
<!-- Shadow effects -->
<path d="M100 200 Q150 220 200 200" fill="#999" opacity="0.3"/>
<path d="M150 220 Q180 200 200 180" fill="#999" opacity="0.3"/>
<!-- Border -->
<rect width="300" height="300" fill="none" stroke="#000" stroke-width="2"/>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="flamingoGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#ff6f81; stop-opacity:1" />
<stop offset="100%" style="stop-color:#ff3838; stop-opacity:1" />
</radialGradient>
<linearGradient id="bicycleGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4bc0c8; stop-opacity:1" />
<stop offset="100%" style="stop-color:#b2e0e8; stop-opacity:1" />
</linearGradient>
<pattern id="wheelPattern" patternUnits="userSpaceOnUse" width="10" height="10">
<circle cx="5" cy="5" r="4" fill="#fff" />
<circle cx="5" cy="5" r="2" fill="#4bc0c8" />
</pattern>
</defs>
<circle cx="150" cy="150" r="150" fill="#f0f0f0" />
<g>
<path d="M175 130 Q190 75 210 100 Q230 125 175 130" fill="url(#flamingoGradient)" />
<circle cx="180" cy="110" r="25" fill="url(#flamingoGradient)" />
<circle cx="180" cy="110" r="20" fill="#fff" />
<circle cx="190" cy="105" r="5" fill="#000" />
<path d="M180 130 C170 120, 170 150, 155 140" fill="#ff6f81" />
<path d="M180 130 C190 140, 190 160, 200 140" fill="#ff6f81" />
<line x1="175" y1="130" x2="150" y2="150" stroke="#ff3838" stroke-width="4" />
<path d="M147 143 Q140 165 160 160" fill="none" stroke="#ff3838" stroke-width="4" />
<path d="M160 145 C165 150, 165 155, 160 157" fill="none" stroke="#ff3838" stroke-width="2" />
</g>
<g>
<g transform="translate(150, 210)">
<circle r="40" fill="url(#bicycleGradient)" />
<circle r="30" fill="url(#wheelPattern)" />
<path d="M-39 0 L-25 -5 L-20 -20 L-5 -15 Z" fill="#ddd" stroke="#888" stroke-width="2" />
</g>
<g transform="translate(100, 210)">
<circle r="40" fill="url(#bicycleGradient)" />
<circle r="30" fill="url(#wheelPattern)" />
<path d="M-39 0 L-25 -5 L-20 -20 L-5 -15 Z" fill="#ddd" stroke="#888" stroke-width="2" />
</g>
<path d="M160 200 Q100 230 80 250" fill="none" stroke="#888" stroke-width="5" />
</g>
</svg>Judge's Analysis
Player 2's image creatively depicts a flamingo with a monocle and includes a penny-farthing with clear wheels, adhering more closely to the prompt.
The simplistic and abstract style is visually appealing and effectively communicates the concept.
In contrast, Player 1's image is less clear and not as successful in depicting the details of 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
"Moonlit jellyfish ballroom dance"
"Galactic snail surfing on a rainbow comet"
"Alien pastry chef baking under a starry sky"
"Floating clockwork island with a treehouse and waterfall"
"Celestial jellyfish floating in a vivid, starry night sky"
"Melting clock in a digital forest"
