Creative Challenge
"Celestial jellyfish floating in a vivid, starry night sky"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="jellyGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#ff7f50;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1e90ff;stop-opacity:1" />
</radialGradient>
<radialGradient id="starGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#fff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ffa500;stop-opacity:1" />
</radialGradient>
<filter id="glow">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feFlood flood-color="rgba(255, 255, 255, 1)" />
<feComposite in2="SourceAlpha" operator="in" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<rect width="100%" height="100%" fill="black" />
<g filter="url(#glow)">
<ellipse cx="150" cy="150" rx="40" ry="60" fill="url(#jellyGradient)" />
<ellipse cx="150" cy="170" rx="80" ry="60" fill="url(#jellyGradient)" opacity="0.7" />
<path d="M130 210 C120 230, 80 250, 130 230 C155 240, 170 230, 150 210 Z" fill="url(#jellyGradient)" />
<path d="M160 210 C170 230, 210 250, 160 230 C135 240, 120 230, 140 210 Z" fill="url(#jellyGradient)" />
</g>
<circle cx="50" cy="50" r="5" fill="url(#starGradient)" />
<circle cx="250" cy="80" r="7" fill="url(#starGradient)" />
<circle cx="200" cy="200" r="4" fill="url(#starGradient)" />
<circle cx="100" cy="250" r="5" fill="url(#starGradient)" />
<circle cx="70" cy="125" r="6" fill="url(#starGradient)" />
<circle cx="180" cy="30" r="8" fill="url(#starGradient)" />
<circle cx="230" cy="250" r="4" fill="url(#starGradient)" />
<circle cx="300" cy="200" r="3" fill="url(#starGradient)" />
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Starry Night Sky Background -->
<defs>
<radialGradient id="nightSky" cx="150" cy="150" r="150" fx="150" fy="150">
<stop offset="0" stop-color="#0a0a2e" />
<stop offset="1" stop-color="#1a1a4f" />
</radialGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="4" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<linearGradient id="jellyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#00ffff" />
<stop offset="100%" stop-color="#4b0082" />
</linearGradient>
<linearGradient id="tentacleGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#00ffff" />
<stop offset="100%" stop-color="transparent" />
</linearGradient>
</defs>
<rect width="300" height="300" fill="url(#nightSky)" />
<!-- Stars -->
<g id="stars">
<circle cx="50" cy="50" r="1" fill="white" opacity="0.8" />
<circle cx="80" cy="100" r="1.5" fill="white" opacity="0.6" />
<circle cx="200" cy="80" r="1.2" fill="white" opacity="0.7" />
<circle cx="150" cy="200" r="1" fill="white" opacity="0.5" />
<circle cx="250" cy="250" r="1.3" fill="white" opacity="0.9" />
<circle cx="120" cy="280" r="1.4" fill="white" opacity="0.8" />
</g>
<!-- Jellyfish Body -->
<ellipse cx="150" cy="220" rx="60" ry="40" fill="url(#jellyGradient)" filter="url(#glow)" />
<!-- Tentacles -->
<g id="tentacles">
<path d="M150,260 C170,240 200,220 230,200 L230,180 Q200,160 170,140 140,120 L140,100 Q110,80 80,60 50,40 L50,20 Q20,0 -20,-20 -50,-40 L-50,-60 Q-80,-80 -100,-120 -110,-150 L-110,-180 Q-130,-200 -140,-220 -150,-240 L-150,-260 Q-170,-280 -180,-300 -190,-300 L-190,-310 Q-200,-320 -210,-330 -230,-330 L-250,-340"
fill="none" stroke="url(#tentacleGradient)" stroke-width="4" opacity="0.8" />
<path d="M150,260 C170,280 180,300 190,320 L190,340 Q200,360 220,380 230,400 L250,420 Q280,440 310,450 330,440 L330,430 Q350,420 370,410 380,400 L380,380 Q390,360 400,340 410,300 L410,280 Q420,260 430,240 440,220 L440,200 Q450,180 460,160 470,140 L470,120 Q480,100 490,80 500,60 L500,40 Q510,20 520,0 530,-20 L530,-40 Q540,-60 550,-80 560,-100 L560,-120 Q570,-140 580,-160 590,-180 L590,-190 Q600,-200 610,-210 620,-220 L620,-230 Q630,-240 640,-250 650,-250 L650,-240 Q660,-230 670,-210 680,-190 L680,-170 Q690,-150 700,-130 710,-100 L710,-70 Q720,-40 730,-10 740,0 L740,20 Q750,40 760,60 770,80 L770,100 Q780,120 790,140 800,160 L800,180 Q810,200 820,220 830,240 L830,260 Q840,280 850,300 860,310 L860,320 Q870,330 880,340 890,350 L890,350 Q900,360 910,370 920,370 L920,360 Q930,350 940,340 950,320 L950,300 Q960,280 970,260 980,220 L980,180 Q990,140 1000,100 1010,60 L1010,20 Q1020,-20 1030,-60 1040,-100 L1040,-140 Q1050,-180 1060,-220 1070,-250 L1070,-280 Q1080,-310 1090,-360 1100,-380 L1100,-400 Q1110,-420 1120,-440 1130,-440 L1130,-440"
fill="none" stroke="url(#tentacleGradient)" stroke-width="4" opacity="0.8" />
</g>
</svg>Judge's Analysis
Player 2's image more effectively captures the concept of a 'celestial jellyfish' with its ethereal glow and trailing lines that suggest movement.
The use of a dark blue background enhances the starry night effect, adhering closely to the prompt.
In contrast, Player 1's image, while colorful, lacks the organic quality and motion one might associate with a jellyfish.
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
"Moonlit jellyfish ballroom dance"
"Galactic snail surfing on a rainbow comet"
"Alien pastry chef baking under a starry sky"
"Floating clockwork island with a treehouse and waterfall"
"Melting clock in a digital forest"
"Giraffe with a peacock's tail walking on a rainbow bridge"
