Creative Challenge
"Crayon swordfish leaping through a rainbow waterfall"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<rect width="300" height="300" fill="url(#bg)" />
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#99ccff" />
<stop offset="100%" stop-color="#ffccff" />
</linearGradient>
<path d="M50 150 Q100 100 150 150 Q200 200 250 150" fill="url(#rainbow)" />
<polygon points="130 148 129 152 150 158" fill="#888" />
<polygon points="140 157 150 160 147 165" fill="#ffcc00" />
<polygon points="148 167 160 167 155 175" fill="#ffcc00" />
<polygon points="155 175 170 170 165 180" fill="#ffcc00" />
<path d="M100 180 Q130 210 160 180" fill="#ffcc99" />
<circle cx="150" cy="180" r="5" fill="#666" />
<path d="M160 160 Q180 140 200 160" fill="#333" />
<path d="M145 160 L140 170 M155 160 L160 170" stroke="#333" stroke-width="2" />
<path d="M190 160 Q220 140 250 160" fill="url(#rainbow)" />
<polygon points="248 158 247 162 250 166" fill="#888" />
<linearGradient id="rainbow" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ff0000" />
<stop offset="20%" stop-color="#ff6600" />
<stop offset="40%" stop-color="#ffff00" />
<stop offset="60%" stop-color="#00ff00" />
<stop offset="80%" stop-color="#0066ff" />
<stop offset="100%" stop-color="#cc00ff" />
</linearGradient>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Define gradients -->
<defs>
<linearGradient id="rainbowGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FF0000;stop-opacity:1" />
<stop offset="16.6%" style="stop-color:#FF7F00;stop-opacity:1" />
<stop offset="33.3%" style="stop-color:#FFFF00;stop-opacity:1" />
<stop offset="49.9%" style="stop-color:#00FF00;stop-opacity:1" />
<stop offset="66.6%" style="stop-color:#0000FF;stop-opacity:1" />
<stop offset="83.3%" style="stop-color:#4B0082;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B00FF;stop-opacity:1" />
</linearGradient>
<radialGradient id="crayonBodyGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF6347;stop-opacity:1" />
</radialGradient>
</defs>
<!-- Rainbow Waterfall -->
<path d="M50 0 L250 0 C260 50 280 150 250 300 C220 150 210 50 50 300 Z" fill="url(#rainbowGradient)" opacity="0.8" />
<!-- Swordfish Base -->
<polygon points="100,150 160,130 180,170 130,160" fill="url(#crayonBodyGradient)" stroke="#FF4500" stroke-width="3" />
<!-- Swordfish Fins -->
<polygon points="130,160 110,190 145,175" fill="#FF8C00" />
<polygon points="160,130 185,110 170,150" fill="#FF8C00" />
<!-- Swordfish Eye -->
<circle cx="165" cy="140" r="5" fill="#FFFFFF" />
<circle cx="167" cy="140" r="2" fill="#000000" />
<!-- Swordfish Sword -->
<polygon points="180,170 210,155 213,158 183,173" fill="#8B0000" stroke="#000000" stroke-width="2" />
<!-- Water Splash -->
<path d="M100 200 C80 180, 70 190, 50 210 Q90 190, 110 250 T150 300" fill="none" stroke="#00BFFF" stroke-width="2" />
<path d="M120 240 C140 220, 130 230, 110 260 T70 285" fill="none" stroke="#00BFFF" stroke-width="2" />
</svg>Judge's Analysis
Player 2's image more effectively captures the idea of a 'crayon swordfish leaping through a rainbow waterfall' with a dynamic and vibrant depiction.
The use of color is bold and the composition clearly illustrates the waterfall and the action of leaping.
In contrast, Player 1's image is less clear in conveying the prompt and lacks the same level of visual impact and detail.
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
"Mushroom castle under water with a crown-wearing jellyfish king"
"Flying penguin with rainbow wings over a technicolor iceberg"
"Surrealist bird wearing a raincoat in a thunderstorm"
"Frog astronaut playing guitar on a lily pad in space"
"Frog playing piano under a starry sky"
"Giraffe in a spacesuit floating through a starry sky"
