Creative Challenge
"Flamingo balancing on a tightrope over a surreal desert landscape at dusk"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Sky gradient background -->
<defs>
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#1a0033" />
<stop offset="30%" stop-color="#4d0066" />
<stop offset="60%" stop-color="#ff6699" />
<stop offset="100%" stop-color="#ffcc99" />
</linearGradient>
<!-- Desert sand pattern -->
<pattern id="sandPattern" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M0 0h40v40H0z" fill="#e6b17a" />
<path d="M0 0 L40 40 M40 0 L0 40" stroke="#d4a068" stroke-width="0.5" opacity="0.3" />
<circle cx="20" cy="20" r="1" fill="#c9915a" />
</pattern>
<!-- Flamingo gradient -->
<linearGradient id="flamingoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff9999" />
<stop offset="60%" stop-color="#ff3366" />
<stop offset="100%" stop-color="#cc0044" />
</linearGradient>
<!-- Tightrope glow -->
<filter id="ropeGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<!-- Star shape -->
<path id="star" d="M0,0 L1,3 L4,4 L1,5 L0,8 L-1,5 L-4,4 L-1,3 Z" />
<!-- Cacti pattern -->
<symbol id="cactus" viewBox="0 0 30 50">
<path d="M15,0 C12,0 10,5 10,20 C10,35 8,40 8,45 C8,48 11,50 15,50 C19,50 22,48 22,45 C22,40 20,35 20,20 C20,5 18,0 15,0 Z" fill="#2d6d4b" />
<path d="M8,25 C8,25 0,25 0,30 C0,35 5,31 8,30 Z" fill="#2d6d4b" />
<path d="M22,15 C22,15 30,15 30,20 C30,25 25,21 22,20 Z" fill="#2d6d4b" />
</symbol>
</defs>
<!-- Background sky -->
<rect x="0" y="0" width="300" height="300" fill="url(#skyGradient)" />
<!-- Stars -->
<g id="stars">
<use href="#star" transform="translate(30,40) scale(0.8)" fill="white" opacity="0.7" />
<use href="#star" transform="translate(80,20) scale(1.2)" fill="white" opacity="0.8" />
<use href="#star" transform="translate(150,30) scale(0.6)" fill="white" opacity="0.9" />
<use href="#star" transform="translate(200,50) scale(1)" fill="white" opacity="0.7" />
<use href="#star" transform="translate(250,25) scale(0.5)" fill="white" opacity="0.8" />
<use href="#star" transform="translate(270,70) scale(0.7)" fill="white" opacity="0.6" />
<use href="#star" transform="translate(40,70) scale(0.9)" fill="white" opacity="0.7" />
<use href="#star" transform="translate(120,50) scale(0.4)" fill="white" opacity="0.8" />
</g>
<!-- Moon -->
<circle cx="250" cy="50" r="20" fill="#fff4cc" />
<circle cx="242" cy="45" r="5" fill="#ffe6b3" opacity="0.6" />
<!-- Desert landscape -->
<path d="M0,180 C60,150 90,190 120,170 C150,150 180,160 210,140 C240,120 270,150 300,140 L300,300 L0,300 Z" fill="url(#sandPattern)" />
<!-- Desert mountains -->
<path d="M0,220 L50,160 L70,190 L100,140 L130,180 L180,130 L220,190 L260,150 L300,200 L300,300 L0,300 Z" fill="#b36b39" opacity="0.8" />
<path d="M0,240 L40,190 L60,220 L100,170 L150,220 L200,160 L250,210 L300,170 L300,300 L0,300 Z" fill="#8c4f2a" opacity="0.6" />
<!-- Cacti -->
<use href="#cactus" x="40" y="200" width="30" height="50" />
<use href="#cactus" x="220" y="210" width="30" height="50" />
<use href="#cactus" x="260" y="220" width="20" height="40" />
<use href="#cactus" x="100" y="230" width="25" height="45" />
<!-- Tightrope poles -->
<rect x="40" y="100" width="10" height="150" rx="2" fill="#704214" />
<rect x="250" y="100" width="10" height="150" rx="2" fill="#704214" />
<!-- Tightrope -->
<line x1="45" y1="120" x2="255" y2="120" stroke="#d9d9d9" stroke-width="2" filter="url(#ropeGlow)" />
<!-- Flamingo -->
<g transform="translate(150, 120) rotate(5)">
<!-- Body -->
<ellipse cx="0" cy="0" rx="15" ry="8" fill="url(#flamingoGradient)" />
<!-- Legs -->
<path d="M0,7 C0,7 0,40 2,50" stroke="#ff6680" stroke-width="1.5" fill="none" />
<path d="M2,50 C2,50 3,55 6,55" stroke="#ff6680" stroke-width="1" fill="none" />
<!-- Balancing leg -->
<path d="M5,7 C15,10 20,30 25,25" stroke="#ff6680" stroke-width="1.5" fill="none" />
<!-- Neck -->
<path d="M-5,-2 C-20,-10 -25,-25 -15,-30 C-5,-35 -2,-20 5,-15" stroke="#ff3366" stroke-width="5" fill="none" stroke-linecap="round" />
<!-- Head -->
<ellipse cx="6" cy="-15" rx="5" ry="3" fill="#ff3366" transform="rotate(-20)" />
<!-- Beak -->
<path d="M8,-16 C12,-15 18,-14 20,-15" stroke="#ffcc00" stroke-width="2" fill="#ffcc00" stroke-linecap="round" />
<!-- Eye -->
<circle cx="4" cy="-16" r="1" fill="black" />
<!-- Balance bar -->
<line x1="-15" y1="-5" x2="15" y2="-5" stroke="#a64d79" stroke-width="1" />
<circle cx="-15" cy="-5" r="2" fill="#cc6699" />
<circle cx="15" cy="-5" r="2" fill="#cc6699" />
</g>
<!-- Sweat drop -->
<path d="M150,105 C150,105 152,107 152,110 C152,112 149,114 148,110 C147,107 150,105 150,105 Z" fill="#99ccff" opacity="0.8" />
<!-- Heat waves -->
<path d="M80,200 C90,195 100,205 110,200 C120,195 130,205 140,200" stroke="#ffcc99" stroke-width="0.5" fill="none" opacity="0.5" />
<path d="M180,210 C190,205 200,215 210,210 C220,205 230,215 240,210" stroke="#ffcc99" stroke-width="0.5" fill="none" opacity="0.5" />
<!-- Tumbleweeds -->
<circle cx="70" cy="260" r="8" fill="none" stroke="#b38600" stroke-width="0.5" opacity="0.7" />
<circle cx="190" cy="270" r="6" fill="none" stroke="#b38600" stroke-width="0.5" opacity="0.7" />
<!-- Small flying birds in distance -->
<path d="M220,80 C223,78 225,82 228,80 C225,84 223,84 220,80 Z" fill="#333" opacity="0.5" />
<path d="M210,70 C213,68 215,72 218,70 C215,74 213,74 210,70 Z" fill="#333" opacity="0.4" />
<path d="M230,75 C233,73 235,77 238,75 C235,79 233,79 230,75 Z" fill="#333" opacity="0.6" />
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="skyGradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stop-color="#FF6F61" />
<stop offset="100%" stop-color="#6B5B95" />
</linearGradient>
<linearGradient id="desertGradient" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#EDE574" />
<stop offset="100%" stop-color="#E1F5C4" />
</linearGradient>
<pattern id="sandPattern" width="20" height="20" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="2" fill="#D2B48C" opacity="0.6" />
</pattern>
<filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="5" dy="5" stdDeviation="2" flood-color="#000000" flood-opacity="0.6" />
</filter>
</defs>
<rect width="300" height="300" fill="url(#skyGradient)" />
<rect x="0" y="200" width="300" height="100" fill="url(#desertGradient)" />
<rect x="0" y="200" width="300" height="100" fill="url(#sandPattern)" opacity="0.8" />
<line x1="50" y1="150" x2="250" y2="150" stroke="#7F7F7F" stroke-width="3" stroke-linecap="round" filter="url(#shadow)" />
<g transform="translate(150, 130)">
<ellipse cx="0" cy="0" rx="10" ry="5" fill="#FFC0CB" transform="rotate(45)" />
<ellipse cx="0" cy="20" rx="15" ry="7" fill="#FF69B4" transform="rotate(30)" />
<ellipse cx="0" cy="40" rx="20" ry="10" fill="#FF1493" transform="rotate(15)" />
</g>
<g transform="translate(150, 150)">
<path d="M0,0 Q20,-30 40,0 T80,0" fill="none" stroke="#FF69B4" stroke-width="5" stroke-linecap="round" filter="url(#shadow)" />
<circle cx="0" cy="0" r="3" fill="#C71585" />
<circle cx="40" cy="0" r="3" fill="#C71585" />
</g>
<g transform="translate(150, 150)">
<path d="M0,0 Q-20,-30 -40,0 T-80,0" fill="none" stroke="#FF69B4" stroke-width="5" stroke-linecap="round" filter="url(#shadow)" />
<circle cx="0" cy="0" r="3" fill="#C71585" />
<circle cx="-40" cy="0" r="3" fill="#C71585" />
</g>
<g transform="translate(150, 130)">
<path d="M0,0 Q10,20 20,30 Q30,40 40,50" fill="none" stroke="#FF69B4" stroke-width="3" stroke-linecap="round" filter="url(#shadow)" />
<circle cx="40" cy="50" r="5" fill="#FF69B4" />
</g>
<circle cx="150" cy="130" r="10" fill="#FFC0CB" filter="url(#shadow)" />
<circle cx="150" cy="130" r="5" fill="#FF69B4" />
<text x="150" y="275" font-size="20" font-family="sans-serif" fill="#FFFFFF" text-anchor="middle">Surreal Desert Dusk</text>
</svg>Judge's Analysis
Player 1's image effectively captures the prompt by clearly depicting a flamingo balancing on a tightrope over a desert landscape at dusk, with stylistic mountains and a night sky, adhering closely to the theme.
The composition is imaginative and visually appealing, utilizing vibrant colors and clear elements.
Player 2's image, while creative, does not represent the specified elements as distinctly, making it less aligned with 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
"Flying cat with fish wings over a city skyline"
"Dreaming octopus juggling clocks under a starry sky"
"Floating city above a waterfall, with fish swimming upwards"
"Surreal clock with dreams pouring out"
"A cat DJing a party on a giant floating slice of pizza"
"Surrealist penguin in a floating teacup, under a melting clock sky"
