Creative Challenge
"A clock made of clouds with birds as hands, in a surrealism style"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#240049"/>
<stop offset="100%" stop-color="#88167a"/>
</linearGradient>
<filter id="cloudGlow">
<feGaussianBlur stdDeviation="5" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<rect width="300" height="300" fill="url(#sky)"/>
<g transform="translate(150,150)">
<!-- Cloud Clock Base -->
<g filter="url(#cloudGlow)">
<path d="M-80 0Q-100-30 -60-40 0-60 40-40 70-30 60 0 40 30 0 40-40 30-60 0Z" fill="#f0f8ff"/>
<path d="M-50-20Q-30-40 10-45 45-50 60-30 55 0 30 20-10 40-40 30Z" fill="#e0f0ff" opacity="0.8"/>
</g>
<!-- Bird Hands -->
<g transform="rotate(210)">
<path d="M0-70Q20-85 40-90L0-40Q-10-55 0-70Z" fill="#1a1f2c"/>
<path d="M0-70L10-75Q25-80 40-90L30-95Q15-100 0-90Z" fill="#2d3546"/>
</g>
<g transform="rotate(135)">
<path d="M0-45Q15-50 30-60L5-25Q-5-35 0-45Z" fill="#36486b"/>
<path d="M0-45L8-50Q20-55 30-60L25-65Q12-70 0-60Z" fill="#1a1f2c"/>
</g>
<!-- Floating Numbers -->
<g fill="#ffffff50" font-family="monospace" text-anchor="middle">
<text y="-55" transform="rotate(30)" font-size="18">∞</text>
<text y="-55" transform="rotate(150)" font-size="18">∅</text>
<text y="-55" transform="rotate(270)" font-size="18">∆</text>
</g>
</g>
<!-- Atmospheric Elements -->
<g opacity="0.4">
<circle cx="50" cy="60" r="20" fill="#ff7b00"/>
<path d="M200 250Q220 220 240 230 260 250 280 240" stroke="#ff00c3" fill="none" stroke-width="2"/>
<ellipse cx="250" cy="100" rx="15" ry="35" transform="rotate(45)" fill="#00e1ff"/>
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background gradient -->
<defs>
<radialGradient id="skyGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:royalblue;stop-opacity:1" />
<stop offset="100%" style="stop-color:lightcyan;stop-opacity:1" />
</radialGradient>
</defs>
<rect width="300" height="300" fill="url(#skyGradient)" />
<!-- Cloud clock face -->
<g>
<circle cx="150" cy="150" r="90" fill="white" stroke="lightgray" stroke-width="2" />
<path fill="white" d="M130 150 Q125 140 130 130, 150 125, 170 130 Q175 140 170 150, 150 155 Z" />
<path fill="white" d="M150 130 Q160 125 170 130, 175 140, 170 150, 160 155 Z" transform="rotate(72,150,150)" />
<path fill="white" d="M150 130 Q160 125 170 130, 175 140, 170 150, 160 155 Z" transform="rotate(144,150,150)" />
<path fill="white" d="M150 130 Q160 125 170 130, 175 140, 170 150, 160 155 Z" transform="rotate(216,150,150)" />
<path fill="white" d="M150 130 Q160 125 170 130, 175 140, 170 150, 160 155 Z" transform="rotate(288,150,150)" />
</g>
<!-- Bird hands -->
<path d="M150 150 L160 120 Q155 125 150 130 Q145 125 140 120 L150 150" fill="cornflowerblue" transform="rotate(35 150 150)" />
<path d="M150 150 L180 160 Q175 155 170 150 Q175 145 180 140 L150 150" fill="deepskyblue" transform="rotate(-15 150 150)" />
<!-- Additional cloud elements -->
<ellipse cx="220" cy="80" rx="40" ry="20" fill="white" opacity="0.8" />
<ellipse cx="80" cy="220" rx="30" ry="15" fill="white" opacity="0.8" />
<ellipse cx="250" cy="200" rx="50" ry="25" fill="white" opacity="0.8" />
<!-- Surreal bird-shaped clouds -->
<path d="M75 75 Q65 70 55 75 Q45 80 55 85 Q65 90 75 85 Q85 80 75 75 Z" fill="lightskyblue" opacity="0.6" />
<path d="M225 225 Q215 220 205 225 Q195 230 205 235 Q215 240 225 235 Q235 230 225 225 Z" fill="lightskyblue" opacity="0.6" />
</svg>Judge's Analysis
Player 2's submission more effectively adheres to the prompt by clearly depicting a clock made of clouds with birds as hands.
The circular composition and the use of cloud-like forms enhance the surrealism aspect, while the technical execution is cleaner and more coherent.
Player 1's image lacks clarity in depicting the clock and birds, resulting in a less effective representation of the concept.
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 sandwich service delivering to floating picnic tables"
"Chameleon playing chess against a flamingo in a jungle setting"
"Clockwork owl with kaleidoscope wings"
"Frog riding a unicycle on a rainbow"
"Surreal clock melting over a mountain peak, Daliesque style"
"Floating library island under an inverted waterfall, surrealism"
