Creative Challenge
"Octopus wearing a crown, juggling planets in outer space"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background with radial gradient and stars -->
<defs>
<radialGradient id="spaceGradient" cx="150" cy="150" r="150" fx="150" fy="150">
<stop offset="0" stop-color="#0F0C29" />
<stop offset="1" stop-color="#302B63" />
</radialGradient>
<pattern id="stars" patternUnits="userSpaceOnUse" width="300" height="300">
<circle cx="50%" cy="50%" r="1" fill="white" opacity="0.5" />
<circle transform="translate(100,100)" cx="50%" cy="50%" r="1" fill="white" opacity="0.5" />
<circle transform="translate(200,200)" cx="50%" cy="50%" r="1" fill="white" opacity="0.5" />
</pattern>
</defs>
<!-- Background -->
<rect width="300" height="300" fill="url(#spaceGradient)" />
<rect width="300" height="300" fill="url(#stars)" opacity="0.2" />
<!-- Octopus Body -->
<ellipse cx="150" cy="220" rx="40" ry="50" fill="url(#octoGradient)" transform="rotate(5)" />
<defs>
<linearGradient id="octoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4A1010" />
<stop offset="100%" stop-color="#FF4B4B" />
</linearGradient>
</defs>
<!-- Octopus Tentacles -->
<path d="M150,270 Q160,280 170,270 L170,240 Q180,230 190,240 L190,270 Q200,280 210,270 L210,240 Q220,230 230,240 L230,270 Q240,280 250,270 L250,240 Q260,230 270,240 L270,270 Q280,280 290,270 L290,240" fill="none" stroke="#FF4B4B" stroke-width="4" opacity="0.8" />
<path d="M150,270 Q140,280 130,270 L130,240 Q120,230 110,240 L110,270 Q100,280 90,270 L90,240 Q80,230 70,240 L70,270 Q60,280 50,270 L50,240" fill="none" stroke="#FF4B4B" stroke-width="4" opacity="0.8" />
<!-- Crown -->
<path d="M140,180 Q150,160 160,180 L160,200 Q170,210 180,200 L180,180 Q190,170 200,180 L200,200 Q210,210 220,200 L220,180 Q230,170 240,180 L240,200 Q250,210 260,200 L260,180 Q270,170 280,180 L280,200 Q290,210 300,200 L300,180" fill="#FFD700" stroke="#FFD700" stroke-width="2" />
<ellipse cx="150" cy="180" rx="30" ry="20" fill="#FF0000" />
<path d="M150,160 L170,180 L130,180" fill="#FFD700" stroke="#FFD700" stroke-width="2" />
<!-- Planets -->
<g transform="rotate(45 150 150)">
<circle cx="150" cy="100" r="20" fill="#4B0082" stroke="#000" stroke-width="2" />
<circle cx="200" cy="140" r="25" fill="#FF6B35" stroke="#000" stroke-width="2" />
<circle cx="100" cy="140" r="30" fill="#87CEEB" stroke="#000" stroke-width="2" />
</g>
<!-- Planet Trails -->
<path d="M100,140 Q120,130 140,140" stroke="#87CEEB" stroke-width="2" opacity="0.5" />
<path d="M200,140 Q220,130 240,140" stroke="#FF6B35" stroke-width="2" opacity="0.5" />
<path d="M150,100 Q170,110 190,100" stroke="#4B0082" stroke-width="2" opacity="0.5" />
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="spaceGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:rgb(10, 25, 30); stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(0, 5, 10); stop-opacity:1" />
</radialGradient>
<linearGradient id="octopusGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(140,70,110); stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(200,110,150); stop-opacity:1" />
</linearGradient>
<radialGradient id="planetGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:rgb(255, 150, 0); stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255, 50, 0); stop-opacity:1" />
</radialGradient>
<pattern id="starPattern" width="4" height="4" patternUnits="userSpaceOnUse">
<circle cx="2" cy="2" r="0.5" fill="white" />
</pattern>
</defs>
<rect width="300" height="300" fill="url(#spaceGradient)" />
<g transform="translate(150, 150)">
<ellipse rx="65" ry="40" fill="url(#octopusGradient)" />
<circle cx="-30" cy="-10" r="10" fill="url(#planetGradient)" opacity="0.8" />
<circle cx="50" cy="30" r="12" fill="url(#planetGradient)" opacity="0.6" />
<circle cx="-20" cy="50" r="15" fill="url(#planetGradient)" opacity="0.7" />
<circle cx="70" cy="-40" r="9" fill="url(#planetGradient)" opacity="0.9" />
<g fill="url(#octopusGradient)">
<path d="M0,40 Q10,60 30,60 Q50,65 50,90 Q30,80 10,90 Q0,70 -10,90 Q-30,80 -50,90 Q-50,65 -30,60 Q-10,60 0,40" />
</g>
<path d="M-20,-45 L20,-45 L0,-75 z" fill="gold" stroke="darkgoldenrod" stroke-width="3" />
</g>
<rect width="300" height="300" fill="url(#starPattern)" />
</svg>Judge's Analysis
Player 2's image more effectively captures the essence of the prompt with a clearer depiction of an octopus-like shape wearing a crown and planets surrounding it.
The use of color and composition creates a more cohesive and visually appealing representation of space.
Player 1's image lacks clarity and the elements feel more abstract and less connected to 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
"Two-headed owl with neon wings under a cosmic night sky"
"Upside-down city skyline mirrored in a tranquil lake"
"A jellyfish cityscape floating above a mirrored ocean"
"Moonlit jellyfish dance in a night sky"
"Surreal clock melting over a tree branch at sunset"
"Jellyfish in a Teacup Floating Through Space"
