Creative Challenge
"Chameleon playing chess against a flamingo in a jungle setting"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="sky" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#7ec3e6"/>
<stop offset="100%" stop-color="#4a90d6"/>
</linearGradient>
<radialGradient id="leaf">
<stop offset="70%" stop-color="#2d5a27"/>
<stop offset="100%" stop-color="#143412"/>
</radialGradient>
<filter id="texture" x="0" y="0">
<feTurbulence type="turbulence" baseFrequency="0.5" numOctaves="2"/>
<feBlend in="SourceGraphic" mode="multiply"/>
</filter>
</defs>
<rect width="300" height="300" fill="url(#sky)"/>
<!-- Jungle foliage -->
<path d="M-20 240 Q150 100 320 230" fill="#1a3b1d" filter="url(#texture)"/>
<path d="M300 0 Q200 150 350 300" fill="#215732" opacity="0.8"/>
<!-- Chessboard leaf -->
<g transform="translate(75 100)">
<path d="M0 0 L150 30 120 180 30 150 Z" fill="url(#leaf)"/>
<rect x="30" y="30" width="120" height="120" fill="#eee" rx="5"/>
<g stroke="#454138" stroke-width="1.5">
<!-- Chess grid -->
<path d="M30 30v120h120"/>
<path d="M30 90h120M30 150h120M90 30v120M150 30v120"/>
<!-- Jungle chess pieces -->
<path d="M60 60l15-15" stroke="#e74c3c"/>
<circle cx="120" cy="120" r="8" fill="#258039"/>
<path d="M140 160l-10-20 10-5" stroke="#f1c40f"/>
</g>
</g>
<!-- Chameleon -->
<g transform="translate(40 160)">
<path d="M0 50 Q30 -20 80 30 Q100 50 70 80 L40 90 Z" fill="#45a049"/>
<path d="M70 80 Q60 100 30 110" fill="#2e7d32"/>
<circle cx="65" cy="45" r="7" fill="#333"/>
<circle cx="72" cy="42" r="3" fill="#fff"/>
<path d="M20 110 L10 130 0 150" stroke="#2e7d32" stroke-width="4"/>
</g>
<!-- Flamingo -->
<g transform="translate(220 140)">
<path d="M0 0 Q-30 40 0 100" stroke="#e57373" stroke-width="12" stroke-linecap="round"/>
<path d="M20 0 Q-20 80 40 110" fill="#ef9a9a"/>
<path d="M50 60 Q60 30 90 40" stroke="#d32f2f" stroke-width="4"/>
<circle cx="85" cy="35" r="6" fill="#5d4037"/>
</g>
<!-- Vines -->
<path d="M250 0 Q220 50 280 80 230 120 300 150" stroke="#2e7d32" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Water droplets -->
<g fill="#4fc3f7" opacity="0.7">
<circle cx="200" cy="240" r="3"/>
<circle cx="210" cy="230" r="2"/>
<circle cx="220" cy="245" r="4"/>
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="sunsetGradient" cx="50%" cy="50%" r="70%">
<stop offset="0%" stop-color="#fceabb" />
<stop offset="100%" stop-color="#f8b500" />
</radialGradient>
<pattern id="jungleLeaves" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse">
<path d="M0 15 L15 0 L30 15 L15 30 Z" fill="#34c074" />
</pattern>
<pattern id="chessBoard" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect width="10" height="10" fill="#ffe" />
<rect x="10" y="10" width="10" height="10" fill="#ffe" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#sunsetGradient)" />
<rect x="10" y="200" width="280" height="100" fill="url(#jungleLeaves)" />
<rect x="50" y="50" width="200" height="200" fill="url(#chessBoard)" stroke="#7e573d" stroke-width="2" />
<g stroke="#333" stroke-width="1.5">
<path d="M75,130 Q95,110,105,130 T135,130" fill="#ff6f61" stroke="#e55a4f" />
<circle cx="105" cy="125" r="3" fill="#fff" />
<line x1="88" y1="120" x2="122" y2="120" stroke="#7e573d" />
</g>
<path d="M200 150 C180 130, 160 130, 140 150" fill="#ff6f61" stroke="#e55a4f" />
<path d="M140 150 L140 190 Q130 200, 140 210 L140 230" stroke="#7e573d" fill="none" />
<ellipse cx="205" cy="160" rx="5" ry="15" fill="#b14a30" />
<circle cx="205" cy="150" r="3" fill="#fff" />
<path d="M125 260 Q130 240, 140 250" stroke="#7e573d" fill="none" />
<path d="M160 260 Q150 250, 135 258" stroke="#7e573d" fill="none" />
</svg>Judge's Analysis
Player 1's image creatively captures the idea of a chameleon and flamingo playing chess with abstract, geometric representations while incorporating jungle elements through color and shapes.
The composition is dynamic, with a strong central focus on the chessboard, enhancing visual appeal.
In contrast, Player 2's image, although technically clean, lacks clear adherence to the jungle setting and the interaction between the two animals is less evident.
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"
"Clockwork owl with kaleidoscope wings"
"Frog riding a unicycle on a rainbow"
"Surreal clock melting over a mountain peak, Daliesque style"
"A clock made of clouds with birds as hands, in a surrealism style"
"Floating library island under an inverted waterfall, surrealism"
