Creative Challenge
"A penguin wearing a monocle balancing a snow globe in a cubist style"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#0099FF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#00CCFF;stop-opacity:1" />
</linearGradient>
<linearGradient id="penguinGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#000000;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:0.5" />
</linearGradient>
<radialGradient id="globeGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#FFCC00;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:1" />
</radialGradient>
</defs>
<rect width="100%" height="100%" fill="url(#bgGradient)" />
<g transform="translate(150, 150)">
<g transform="rotate(-45)">
<polygon points="0,-60 20,-30 0,-10 -20,-30" fill="url(#penguinGradient)" />
<polygon points="0,-10 10,10 -10,10" fill="url(#penguinGradient)" />
<polygon points="0,-60 -10,-40 10,-40" fill="url(#penguinGradient)" opacity="0.5" />
<circle cx="-5" cy="-50" r="5" fill="#FF4500" />
<circle cx="10" cy="-45" r="8" fill="#FFFFFF" stroke="#000000" stroke-width="2" />
<circle cx="10" cy="-45" r="7" fill="url(#globeGradient)" />
<path d="M -15 -35 Q -20 -20 0 -20 Q 20 -20 15 -35" fill="none" stroke="#000000" stroke-width="2" />
</g>
<circle cx="20" cy="-50" r="5" fill="none" stroke="#000000" stroke-width="2" />
<line x1="20" y1="-50" x2="20" y2="-20" stroke="#000000" stroke-width="2" />
<path d="M 20 -20 Q 0 -10 0 0 Q 0 10 20 0" fill="none" stroke="#000000" stroke-width="2" />
<path d="M -20 -20 Q -10 -15 -20 0 Q -20 10 -15 0" fill="none" stroke="#000000" stroke-width="2" />
<path d="M -25 -10 Q -15 -5 -10 0 Q -5 5 0 0 Q 5 5 10 0 Q 15 -5 25 -10" fill="none" stroke="#000000" stroke-width="2" />
</g>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="300" height="300" fill="#1a1a2e" />
<!-- Abstract shapes for cubist background -->
<polygon points="0,0 100,50 150,20 200,80 300,0" fill="#2d3a5e" />
<polygon points="0,300 50,250 100,280 200,220 300,300" fill="#16213e" />
<!-- Penguin body - cubist style -->
<path d="M150,160 L180,220 L120,220 Z" fill="#0f3460" />
<path d="M150,100 L190,160 L110,160 Z" fill="#16213e" />
<path d="M150,100 L175,140 L125,140 Z" fill="#e94560" />
<!-- Penguin white front -->
<path d="M150,120 L170,160 L130,160 Z" fill="#f5f5f5" />
<polygon points="140,160 160,160 155,190 145,190" fill="#f5f5f5" />
<!-- Penguin head - cubist style -->
<polygon points="130,80 170,80 175,110 125,110" fill="#0f3460" />
<polygon points="135,85 165,85 160,105 140,105" fill="#16213e" />
<!-- Penguin eyes -->
<circle cx="145" cy="95" r="4" fill="#f5f5f5" />
<circle cx="145" cy="95" r="2" fill="#000" />
<circle cx="155" cy="95" r="4" fill="#f5f5f5" />
<circle cx="155" cy="95" r="2" fill="#000" />
<!-- Monocle -->
<circle cx="155" cy="95" r="8" fill="none" stroke="#ffd700" stroke-width="1.5" />
<line x1="163" y1="95" x2="175" y2="100" stroke="#ffd700" stroke-width="1.5" />
<!-- Penguin wings/flippers - cubist style -->
<path d="M110,140 L90,170 L105,180 L120,150 Z" fill="#16213e" />
<path d="M190,140 L210,170 L195,180 L180,150 Z" fill="#16213e" />
<!-- Penguin feet -->
<path d="M140,220 L125,240 L145,240 Z" fill="#e94560" />
<path d="M160,220 L175,240 L155,240 Z" fill="#e94560" />
<!-- Snow globe base -->
<polygon points="125,120 175,120 168,140 132,140" fill="#533d7e" transform="rotate(5,150,130)" />
<polygon points="135,120 165,120 162,130 138,130" fill="#6a4c93" transform="rotate(5,150,125)" />
<!-- Snow globe sphere -->
<defs>
<radialGradient id="globeGradient" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9" />
<stop offset="100%" stop-color="#a6e3e9" stop-opacity="0.7" />
</radialGradient>
<clipPath id="globeClip">
<ellipse cx="150" cy="90" rx="30" ry="35" transform="rotate(-10,150,90)" />
</clipPath>
</defs>
<!-- Snow globe -->
<ellipse cx="150" cy="90" rx="30" ry="35" fill="url(#globeGradient)" stroke="#71c9ce" stroke-width="2" transform="rotate(-10,150,90)" />
<!-- Snow inside globe -->
<g clip-path="url(#globeClip)">
<rect x="120" y="55" width="60" height="70" fill="none" />
<circle cx="135" cy="70" r="3" fill="white" />
<circle cx="155" cy="65" r="2" fill="white" />
<circle cx="165" cy="85" r="2.5" fill="white" />
<circle cx="140" cy="95" r="2" fill="white" />
<circle cx="160" cy="100" r="1.5" fill="white" />
<circle cx="130" cy="85" r="1.8" fill="white" />
<!-- Small house silhouette inside snow globe -->
<path d="M145,75 L155,75 L155,85 L145,85 Z" fill="#533d7e" />
<path d="M143,75 L157,75 L150,68 Z" fill="#e94560" />
</g>
<!-- Reflections on globe -->
<path d="M130,70 Q140,65 145,75" fill="none" stroke="white" stroke-width="1.5" stroke-opacity="0.7" />
<path d="M160,85 Q165,80 170,90" fill="none" stroke="white" stroke-width="1" stroke-opacity="0.5" />
<!-- Cubist decoration elements -->
<polygon points="50,50 70,30 90,60 60,80" fill="#e94560" fill-opacity="0.5" />
<polygon points="220,60 250,50 260,80 230,90" fill="#6a4c93" fill-opacity="0.5" />
<path d="M40,200 L60,180 L80,210 L50,220 Z" fill="#533d7e" fill-opacity="0.4" />
<path d="M220,200 L240,180 L260,210 L230,220 Z" fill="#71c9ce" fill-opacity="0.4" />
<!-- Abstract snowflakes -->
<path d="M80,100 L90,110 M85,95 L85,115 M80,110 L90,100" stroke="white" stroke-width="0.8" stroke-opacity="0.6" />
<path d="M220,120 L230,130 M225,115 L225,135 M220,130 L230,120" stroke="white" stroke-width="0.8" stroke-opacity="0.6" />
<path d="M50,250 L60,260 M55,245 L55,265 M50,260 L60,250" stroke="white" stroke-width="0.8" stroke-opacity="0.6" />
<path d="M250,250 L260,260 M255,245 L255,265 M250,260 L260,250" stroke="white" stroke-width="0.8" stroke-opacity="0.6" />
</svg>Judge's Analysis
Player 2's submission more effectively captures the cubist style with its geometric shapes and abstract composition, adhering closely to the prompt.
The snow globe is prominently featured and integrated into the design, balancing on the penguin's head in a creative manner.
In contrast, Player 1's image is less clear in its representation and lacks the distinctive cubist elements, making Player 2's work more visually appealing and technically accomplished.
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
"Flamingo in a tuxedo, tap-dancing on a lilypad"
"Flying cat playing a trumpet in a starry skyline"
"A sun setting behind a skyline of teacups"
"Cloud with one quirky face winking"
"Dancing Cactus in a Tuxedo"
"A giraffe wearing a top hat, juggling planets in space"
