Creative Challenge
"Dinosaur in a Tea Cup"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="tea" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#F2D7B6" />
<stop offset="50%" stop-color="#E3B273" />
<stop offset="100%" stop-color="#C88F4C" />
</radialGradient>
<pattern id="dino-skin" width="20" height="20" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="3" fill="#4CAF50" />
</pattern>
</defs>
<ellipse cx="150" cy="200" rx="100" ry="40" fill="#FFF" stroke="#D4A373" stroke-width="5"/>
<path d="M50 150 C50 90 120 80 150 90 C180 100 250 90 250 150" fill="url(#tea)" stroke="#D4A373" stroke-width="5"/>
<path d="M100 120 C110 80 120 70 140 80 L150 90 L160 80 C180 70 190 80 200 120" fill="url(#dino-skin)" stroke="#2E7D32" stroke-width="3"/>
<circle cx="120" cy="90" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="2"/>
<circle cx="180" cy="90" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="2"/>
<ellipse cx="150" cy="110" rx="15" ry="8" fill="white"/>
<circle cx="145" cy="107" r="3" fill="black"/>
<circle cx="155" cy="107" r="3" fill="black"/>
<path d="M140 115 C145 120 155 120 160 115" stroke="black" stroke-width="2" fill="none"/>
<path d="M120 100 L110 120 L130 120 Z" fill="#4CAF50" stroke="#2E7D32" stroke-width="2"/>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="cupGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FF61D2;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF86C5;stop-opacity:1" />
</linearGradient>
<linearGradient id="dinoGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#4CAF50;stop-opacity:1" />
<stop offset="100%" style="stop-color:#45a049;stop-opacity:1" />
</linearGradient>
<radialGradient id="steamGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:0" />
</radialGradient>
</defs>
<g class="teacup">
<path fill="url(#cupGradient)" d="M150 50 Q180 20 210 50 T270 100 Q270 150 240 200 T150 250 Q60 200 30 150 T30 50 Q60 0 90 50 T150 50" />
<rect x="90" y="180" width="120" height="40" rx="20" fill="url(#cupGradient)" opacity="0.5"/>
<path fill="#FFFFFF" d="M120 120 Q150 80 180 120 T240 160 Q240 200 210 240 T150 280 Q90 240 60 200 T120 160" />
</g>
<g class="dinosaur" transform="translate(150,120)">
<path fill="url(#dinoGradient)" d="M0 0 Q-40 -20 -80 0 T-120 40 Q-120 80 -80 120 T0 160 Q40 120 80 80 T40 40" />
<path fill="#FFFFFF" d="M-20 20 Q-10 10 0 20 T20 20" />
<path fill="#FFFFFF" d="M-30 30 Q-20 20 -10 30 T10 30" />
<path fill="#4CAF50" d="M-20 0 Q-10 -10 0 0 T20 0" />
</g>
<g class="steam" transform="translate(150,80)">
<circle r="10" fill="url(#steamGradient)" opacity="0.5"/>
<circle r="8" fill="url(#steamGradient)" opacity="0.7"/>
<circle r="6" fill="url(#steamGradient)" opacity="0.9"/>
</g>
<g class="leaves" transform="translate(100,150)">
<path fill="#4CAF50" d="M0 0 Q-20 -10 -40 0 T-60 10 Q-60 20 -40 30 T0 30" />
<path fill="#4CAF50" d="M30 0 Q50 -10 70 0 T100 10 Q100 20 70 30 T30 30" />
</g>
<g class="berries" transform="translate(200,170)">
<circle r="5" fill="#FF4081"/>
<circle r="5" fill="#FF4081" transform="translate(20,0)"/>
<circle r="5" fill="#FF4081" transform="translate(40,0)"/>
</g>
</svg>Judge's Analysis
Player 2's image creatively represents a dinosaur elegantly nestled in a tea cup with a strong use of color and form, capturing the whimsical nature of the prompt.
The visual appeal is enhanced by the bold contrast between the pink cup and green dinosaur.
In comparison, Player 1's submission appears more abstract and less immediately identifiable with the prompt.
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
"Intergalactic snail race on a rainbow road"
"Flamingo on roller skates juggling pineapples"
"Whale ballroom: whales in elegant attire dancing gracefully on ocean currents"
"Crane lifting a giant surreal watermelon above a silhouetted skyline"
"A chameleon on a disco ball, reflecting rainbow light"
"Floating city above a serene ocean, styled in retro-futuristic art deco"
