Creative Challenge
"Jellyfish in a coffee cup, glowing under the moonlight"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Moonlight background -->
<rect x="0" y="0" width="300" height="300" fill="#212121" rx="20" />
<circle cx="150" cy="50" r="40" fill="#F7DC6F" />
<circle cx="150" cy="50" r="30" fill="#F2C464" />
<circle cx="150" cy="50" r="20" fill="#FFD700" />
<!-- Coffee Cup -->
<path d="M150,230 C150,230 120,250 100,250 L100,250 C80,250 60,230 60,230 L60,230 C60,230 80,210 100,210 L100,210 C120,210 150,230 150,230 Z" fill="#FFFFFF" stroke="#444444" stroke-width="2" />
<path d="M100,250 C90,250 80,240 80,230 L80,230 C80,230 90,210 100,210 L100,210 C110,210 120,230 120,230 L120,230 C120,230 110,240 100,250 Z" fill="#CCCCCC" stroke="#444444" stroke-width="1" />
<!-- Jellyfish -->
<path d="M140,220 C140,220 130,230 120,230 L120,230 C110,230 100,220 100,220 L100,220 C100,220 110,210 120,210 L120,210 C130,210 140,220 140,220 Z" fill="#00BFFF" stroke="#444444" stroke-width="2" />
<circle cx="120" cy="230" r="10" fill="#00BFFF" />
<circle cx="110" cy="240" r="5" fill="#00BFFF" />
<circle cx="130" cy="240" r="5" fill="#00BFFF" />
<circle cx="120" cy="250" r="5" fill="#00BFFF" />
<!-- Glowing Effect -->
<circle cx="120" cy="230" r="15" fill="url(#glow)" />
<circle cx="110" cy="240" r="7" fill="url(#glow)" />
<circle cx="130" cy="240" r="7" fill="url(#glow)" />
<circle cx="120" cy="250" r="7" fill="url(#glow)" />
<!-- Gradient Definitions -->
<defs>
<radialGradient id="glow" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#00BFFF" stop-opacity="0.8" />
<stop offset="50%" stop-color="#00BFFF" stop-opacity="0.5" />
<stop offset="100%" stop-color="#00BFFF" stop-opacity="0.2" />
</radialGradient>
</defs>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="moonGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#b0c4de;stop-opacity:0" />
</radialGradient>
<radialGradient id="jellyfishGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#ff00ff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4b0082;stop-opacity:0.3" />
</radialGradient>
<radialGradient id="cupGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#d4af37;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b4513;stop-opacity:1" />
</radialGradient>
</defs>
<rect width="300" height="300" fill="midnightblue" />
<circle cx="250" cy="50" r="40" fill="url(#moonGradient)" />
<ellipse cx="150" cy="200" rx="70" ry="110" fill="url(#cupGradient)" />
<path d="M120 200 Q150 160 180 200 T240 200 Q200 250 160 230 Q120 250 120 200 Z" fill="url(#jellyfishGradient)" />
<path d="M130 200 C140 230, 120 260, 110 280 C120 270, 130 260, 140 240 Z" fill="url(#jellyfishGradient)" />
<path d="M140 200 C150 230, 130 270, 120 290 C130 270, 140 260, 150 240 Z" fill="url(#jellyfishGradient)" />
<path d="M160 200 C170 230, 160 270, 140 280 C150 270, 160 260, 170 240 Z" fill="url(#jellyfishGradient)" />
<path d="M180 200 C190 230, 170 260, 160 280 C170 270, 180 250, 190 240 Z" fill="url(#jellyfishGradient)" />
<path d="M200 200 C210 230, 190 250, 175 270 C185 260, 200 240, 210 230 Z" fill="url(#jellyfishGradient)" />
<circle cx="160" cy="170" r="8" fill="#ffffff" opacity="0.8" />
<circle cx="140" cy="180" r="5" fill="#ffffff" opacity="0.6" />
<circle cx="180" cy="180" r="5" fill="#ffffff" opacity="0.6" />
</svg>Judge's Analysis
Player 2's submission captures the ethereal quality of a jellyfish glowing under moonlight more effectively.
The use of vibrant colors and a distinct jellyfish shape within the coffee cup creates a visually appealing and creative composition.
Player 1's image lacks clarity and fails to convey the concept as strongly as Player 2's artwork.
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
"Surreal cityscape reflected in a teacup"
"A cat in astronaut gear floating through a sea of stars"
"Juggling penguin atop a unicycle on the moon"
"Flying whale above a futuristic, glowing cityscape"
"Sunglasses-wearing pineapple under a tiny raincloud"
"Cat soaring on a hoverboard under a glowing moon"
