Creative Challenge
"Lemon playing chess with an octopus on a floating iceberg"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Sky background with gradient -->
<rect width="300" height="300" fill="url(#skyGradient)" />
<!-- Iceberg -->
<path d="M150 200 L120 220 L180 220 L150 200 L130 230 L170 230 L150 200"
fill="white" opacity="0.8" filter="url(#icebergGlow)" />
<!-- Chessboard -->
<g transform="translate(100,150)">
<!-- Board background -->
<rect width="100" height="100" fill="url(#woodPattern)" />
<!-- Chess pieces -->
<g transform="translate(10,10)">
<!-- Lemon piece -->
<circle cx="30" cy="30" r="20" fill="#FFD700" stroke="#008000" stroke-width="2" />
<path d="M20 25 L40 25 L35 35 L25 35 Z" fill="#008000" />
<!-- Octopus piece -->
<circle cx="170" cy="170" r="15" fill="#800080" stroke="#800080" stroke-width="2" />
<path d="M155 155 Q160 160 165 155 Q170 150 165 145 Q160 140 155 145" fill="#800080" />
<!-- Other pieces -->
<circle cx="50" cy="50" r="10" fill="#333" />
<circle cx="250" cy="50" r="10" fill="#333" />
<circle cx="50" cy="150" r="10" fill="#333" />
<circle cx="250" cy="150" r="10" fill="#333" />
</g>
</g>
<!-- Octopus tentacles -->
<path d="M240 180 Q250 160 260 180 Q270 200 260 200 Q250 190 240 180"
fill="none" stroke="#800080" stroke-width="4" opacity="0.7" />
<!-- Lemon player -->
<g transform="translate(50,240)">
<circle r="25" fill="#FFD700" stroke="#008000" stroke-width="3" />
<circle cx="-10" cy="-10" r="5" fill="#000" />
<circle cx="10" cy="-10" r="5" fill="#000" />
<path d="M-15 -20 Q-10 -25 5 -25 Q10 -20 5 -10" fill="#FFD700" />
</g>
<!-- Iceberg glow effect -->
<filter id="icebergGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="4" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<!-- Sky gradient -->
<defs>
<linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="300">
<stop offset="0" stop-color="#1a3fff" />
<stop offset="1" stop-color="#2a4fff" />
</linearGradient>
<!-- Wood pattern for chessboard -->
<pattern id="woodPattern" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="10" height="10" fill="#c9c4b5" />
<path d="M0 0 L10 10 M0 10 L10 0" stroke="#8b4513" stroke-width="1" />
</pattern>
</defs>
<!-- Sparkle effects -->
<g opacity="0.6">
<circle cx="150" cy="150" r="2" fill="white" stroke="white" stroke-width="1" opacity="0.8" />
<circle cx="100" cy="100" r="3" fill="white" stroke="white" stroke-width="1" opacity="0.6" />
<circle cx="200" cy="200" r="4" fill="white" stroke="white" stroke-width="1" opacity="0.4" />
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="ice" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#a8e6cf"/>
<stop offset="100%" stop-color="#6ed3d5"/>
</linearGradient>
<radialGradient id="lemon" cx="40%" cy="60%">
<stop offset="0%" stop-color="#fff176"/>
<stop offset="100%" stop-color="#fdd835"/>
</radialGradient>
<pattern id="texture" patternUnits="userSpaceOnUse" width="8" height="8">
<path d="M0 8 L8 0" stroke="#ffffff55" stroke-width="2"/>
</pattern>
</defs>
<!-- Iceberg -->
<path d="M50 250 Q90 180 130 250 Q170 290 210 250 Q250 200 250 270 L50 270 Z" fill="url(#ice)" stroke="#fff" stroke-width="3"/>
<!-- Chessboard -->
<g transform="translate(100 120)">
<rect width="100" height="100" fill="#654321"/>
<path d="M0 0h100v100H0z" fill="url(#texture)"/>
<!-- Chess squares -->
<path fill="#fff" d="M0 0h10v10H0zM20 0h10v10H20zM40 0h10v10H40zM60 0h10v10H60zM80 0h10v10H80zM10 20h10v10H10zM30 20h10v10H30zM50 20h10v10H50zM70 20h10v10H70zM90 20h10v10H90z" transform="translate(0 20) repeat-y 5"/>
</g>
<!-- Lemon -->
<g transform="translate(60 160)">
<circle cx="30" cy="30" r="25" fill="url(#lemon)"/>
<path d="M25 15 Q30 0 35 15" fill="#8bc34a"/>
<rect x="25" y="40" width="10" height="30" rx="3" fill="#fdd835"/>
<path d="M25 70l10-5 10 5" fill="#ef6c00"/>
</g>
<!-- Octopus -->
<g transform="translate(180 130)">
<circle cx="40" cy="40" r="30" fill="#6a1b9a"/>
<circle cx="35" cy="35" r="5" fill="#fff"/>
<circle cx="45" cy="35" r="5" fill="#fff"/>
<!-- Tentacles -->
<path d="M20 60 Q0 90 -20 70" stroke="#4527a0" fill="transparent" stroke-width="15"/>
<path d="M40 60 Q30 100 10 90" stroke="#4527a0" fill="transparent" stroke-width="15"/>
<path d="M60 60 Q80 90 100 70" stroke="#4527a0" fill="transparent" stroke-width="15"/>
<path d="M50 60 Q60 100 80 90" stroke="#4527a0" fill="transparent" stroke-width="15"/>
</g>
<!-- Chess pieces -->
<path d="M135 110l-5-10h10z" fill="#fff"/>
<circle cx="185" cy="150" r="8" fill="#000"/>
</svg>Judge's Analysis
Player 2's image provides a clearer and more imaginative depiction of the prompt with distinct representations of both the lemon and the octopus engaged in a chess game on an iceberg.
The elements are well-defined and creatively arranged, enhancing the visual appeal and narrative.
In contrast, Player 1's image is more abstract and lacks clarity in illustrating the concept effectively.
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 garden with glowing crystal flowers"
"Tornado made of musical notes sweeping through a desert"
"Cat juggling planets in a starry galaxy"
"A cosmic whale breaching through a starry sky, its tail made of galaxies"
"A neon chameleon camouflaged on a circuit board"
"Dancing penguins in disco outfits under a swirling galaxy sky"
