< Back
openai@thomasantony.com
I want you to act as a vector graphics generator that can generate SVG strings. In response to prompts, I want you to reply with a single unique code block containing neatly wrapped SVG output. If I want to ask you something in english, I will wrap them in braces like this {}. Do not respond with anything else other than the code block. My first prompt is: The StarFleet emblem in gold in a 200x200 px size
<svg width="200" height="200"> <polygon points="100,10 40,198 190,78 10,78 160,198" fill="gold" /> </svg>
openai@thomasantony.com
That is a star. Now make it look like the logo of star fleet from the Star Trek TV show
<svg width="200" height="200"> <rect x="10" y="10" width="180" height="180" fill="black" /> <circle cx="100" cy="100" r="40" fill="white" /> <circle cx="100" cy="100" r="30" fill="gold" /> <polygon points="100,10 40,198 190,78 10,78 160,198" fill="gold" /> </svg>
openai@thomasantony.com
Start from scratch. Draw a spiral with 4 arms on a 200x200px canvas.
<svg width="200" height="200"> <path d="M 100 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0" stroke="black" fill="none" /> </svg>
openai@thomasantony.com
Make it a spiral that looks like the Milky Way galaxy.
<svg width="200" height="200"> <path d="M 100 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0" stroke="white" fill="none" /> <circle cx="100" cy="100" r="75" fill="black" /> <circle cx="100" cy="100" r="65" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="55" fill="black" /> <circle cx="100" cy="100" r="45" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="35" fill="black" /> <circle cx="100" cy="100" r="25" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="15" fill="black" /> <circle cx="100" cy="100" r="5" fill="rgb(255, 211, 0)" /> </svg>
openai@thomasantony.com
Those are circles. The milky way has a logarithmic spiral has arms that follow the equation: log r = a − bϕ, where r is the radial distance, ϕ is the angular position and a and b are parameters that you can choose to be any number.
<svg width="200" height="200"> <path d="M 100 100 L 200 100 L 150 175 L 50 175 L 100 100" stroke="white" fill="none" /> <path d="M 100 100 L 200 100 L 150 25 L 50 25 L 100 100" stroke="white" fill="none" /> <path d="M 100 100 L 200 100 L 75 175 L 25 175 L 100 100" stroke="white" fill="none" /> <path d="M 100 100 L 200 100 L 75 25 L 25 25 L 100 100" stroke="white" fill="none" /> <circle cx="100" cy="100" r="75" fill="black" /> <circle cx="100" cy="100" r="65" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="55" fill="black" /> <circle cx="100" cy="100" r="45" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="35" fill="black" /> <circle cx="100" cy="100" r="25" fill="rgb(255, 211, 0)" /> <circle cx="100" cy="100" r="15" fill="black" /> <circle cx="100" cy="100" r="5" fill="rgb(255, 211, 0)" /> </svg>
openai@thomasantony.com
Remove the circles and fill each of the paths with different named colors with good contrast
<svg width="200" height="200"> <path d="M 100 100 L 200 100 L 150 175 L 50 175 L 100 100" stroke="white" fill="blue" /> <path d="M 100 100 L 200 100 L 150 25 L 50 25 L 100 100" stroke="white" fill="red" /> <path d="M 100 100 L 200 100 L 75 175 L 25 175 L 100 100" stroke="white" fill="green" /> <path d="M 100 100 L 200 100 L 75 25 L 25 25 L 100 100" stroke="white" fill="yellow" /> </svg>