Cosmic Cavalry Charge

Cosmic Cavalry Charge - DrawGPT
Draw

Info

Created On: May 9, 2025
Created By: User #1
picture of an astronaut riding a horse
Bot
Why did the astronaut break up with the horse? Because it needed too much space and always wanted to foal around on the moon!

AI

Provider Logo
Pro
Generate

SVG Code

                    <!--

Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai

Created: 2025-05-16T23:21:00+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"   viewBox="0 0 512 512">
  <title>Cosmic Cavalry Charge</title>
  <desc>Why did the astronaut break up with the horse? Because it needed too much space and always wanted to foal around on the moon!</desc>
  <metadata type="keywords">astronaut, horse, space, science fiction, funny</metadata>

  <!-- Background: Martian Landscape -->
  <rect id="sky-background" class="sky" x="0" y="0" width="512" height="300" fill="#0A1A3B"/>
  <path id="horizon-line" class="horizon" d="M0 300 L512 300 L512 512 L0 512 Z" fill="#C1440E"/>
  <path id="ground-surface" class="ground" d="M0 300 C100 320 200 280 300 310 C400 340 512 310 512 310 L512 512 L0 512 Z" fill="#D2691E"/>

  <!-- Stars -->
  <circle id="star-1" class="star" cx="50" cy="80" r="1" fill="#FFFFFF">
    <animate id="star-1-blink" attributeName="opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-2" class="star" cx="120" cy="40" r="1.5" fill="#FFFFFF">
    <animate id="star-2-blink" attributeName="opacity" values="0.8;1;0.8" dur="1.8s" begin="0.5s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-3" class="star" cx="250" cy="150" r="1.2" fill="#FFFFFF">
    <animate id="star-3-blink" attributeName="opacity" values="1;0.6;1" dur="2.2s" begin="0.1s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-4" class="star" cx="380" cy="70" r="0.8" fill="#FFFFFF">
    <animate id="star-4-blink" attributeName="opacity" values="0.7;1;0.7" dur="1.5s" begin="0.9s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-5" class="star" cx="450" cy="180" r="1.1" fill="#FFFFFF">
    <animate id="star-5-blink" attributeName="opacity" values="1;0.4;1" dur="2.5s" begin="0.3s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-6" class="star" cx="400" cy="250" r="0.9" fill="#FFFFFF">
    <animate id="star-6-blink" attributeName="opacity" values="0.6;1;0.6" dur="1.9s" begin="1.1s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-7" class="star" cx="80" cy="220" r="1.3" fill="#FFFFFF">
    <animate id="star-7-blink" attributeName="opacity" values="1;0.7;1" dur="2.1s" begin="0.7s" repeatCount="indefinite"/>
  </circle>
  <circle id="star-8" class="star" cx="180" cy="100" r="0.7" fill="#FFFFFF">
    <animate id="star-8-blink" attributeName="opacity" values="0.9;1;0.9" dur="1.7s" begin="0.2s" repeatCount="indefinite"/>
  </circle>

  <!-- Distant Earth/Planet -->
  <circle id="distant-planet" class="planet" cx="450" cy="100" r="30" fill="#3A6B35">
    <animateTransform id="planet-rotate" attributeName="transform" type="rotate" values="0 450 100; 360 450 100" dur="20s" repeatCount="indefinite"/>
  </circle>
   <path id="planet-continent" class="planet-detail" d="M430 95 C425 85 435 80 445 85 C450 90 455 80 460 85 C465 90 460 100 455 105 C450 110 440 105 430 95 Z" fill="#4E9F3D"/>
    <path id="planet-cloud" class="planet-detail" d="M465 105 C470 110 475 105 480 100 C475 95 470 100 465 105 Z" fill="#FFFFFF" opacity="0.6"/>


  <!-- Rocks on the ground -->
  <path id="rock-1" class="rock" d="M50 320 L70 310 L80 325 L65 330 Z" fill="#8B4513"/>
  <path id="rock-2" class="rock" d="M400 315 L430 300 L440 310 L420 325 Z" fill="#A0522D"/>
   <path id="rock-3" class="rock" d="M150 330 L160 325 L170 335 L155 340 Z" fill="#8B4513"/>
    <path id="rock-4" class="rock" d="M480 325 L490 320 L500 330 L485 335 Z" fill="#A0522D"/>


  <!-- Horse Group -->
  <g id="horse-group" class="horse">
    <!-- Body -->
    <path id="horse-body" class="horse-body" d="M200 300 C220 280 300 280 320 300 L320 340 C310 360 220 360 200 340 Z" fill="#8B4513"/>
    <!-- Neck and Head -->
    <path id="horse-neck" class="horse-neck" d="M210 300 C215 270 240 260 260 265 L270 280 L250 300 Z" fill="#8B4513"/>
    <path id="horse-head" class="horse-head" d="M260 265 C270 255 280 250 290 255 L295 265 C290 275 275 275 270 280 Z" fill="#8B4513"/>
    <circle id="horse-eye" class="horse-eye" cx="285" cy="260" r="1.5" fill="#000000"/>
    <path id="horse-mane" class="horse-mane" d="M260 265 Q265 245 275 245 Q285 240 290 250" stroke="#000000" stroke-width="2" fill="none">
         <animate attributeName="d" values="M260 265 Q265 245 275 245 Q285 240 290 250; M260 265 Q260 240 270 240 Q280 235 285 245; M260 265 Q265 245 275 245 Q285 240 290 250" dur="0.5s" repeatCount="indefinite"/>
    </path>

    <!-- Legs - simplified -->
    <path id="horse-leg-front-near" class="horse-leg" d="M230 340 L230 380 L240 380 L240 340 Z" fill="#8B4513">
       <animateTransform attributeName="transform" type="rotate" values="0 235 360; 5 235 360; 0 235 360; -5 235 360; 0 235 360" dur="1s" repeatCount="indefinite"/>
    </path>
    <path id="horse-leg-front-far" class="horse-leg" d="M245 340 L245 380 L255 380 L255 340 Z" fill="#8B4513" opacity="0.8">
        <animateTransform attributeName="transform" type="rotate" values="0 250 360; -5 250 360; 0 250 360; 5 250 360; 0 250 360" dur="1s" repeatCount="indefinite"/>
    </path>
    <path id="horse-leg-back-near" class="horse-leg" d="M280 345 L280 385 L290 385 L290 345 Z" fill="#8B4513">
        <animateTransform attributeName="transform" type="rotate" values="0 285 365; 5 285 365; 0 285 365; -5 285 365; 0 285 365" dur="1s" repeatCount="indefinite"/>
    </path>
    <path id="horse-leg-back-far" class="horse-leg" d="M295 345 L295 385 L305 385 L305 345 Z" fill="#8B4513" opacity="0.8">
       <animateTransform attributeName="transform" type="rotate" values="0 300 365; -5 300 365; 0 300 365; 5 300 365; 0 300 365" dur="1s" repeatCount="indefinite"/>
    </path>

    <!-- Tail -->
     <path id="horse-tail" class="horse-tail" d="M320 320 Q330 330 320 340 Q310 350 320 360 Q330 370 315 380" stroke="#000000" stroke-width="2" fill="none">
        <animate attributeName="d" values="M320 320 Q330 330 320 340 Q310 350 320 360 Q330 370 315 380; M320 320 Q335 330 325 345 Q315 355 325 370 Q335 380 320 385; M320 320 Q330 330 320 340 Q310 350 320 360 Q330 370 315 380" dur="0.8s" repeatCount="indefinite"/>
     </path>

    <!-- Saddle -->
    <path id="saddle" class="saddle" d="M240 290 C250 285 280 285 290 290 L285 300 L245 300 Z" fill="#A0522D"/>

     <!-- Dust Cloud -->
    <ellipse id="dust-cloud" class="dust" cx="265" cy="390" rx="30" ry="10" fill="#D2691E" opacity="0">
        <animate attributeName="opacity" values="0;0.8;0" dur="1s" repeatCount="indefinite"/>
        <animate attributeName="rx" values="30;40;30" dur="1s" repeatCount="indefinite"/>
        <animate attributeName="ry" values="10;15;10" dur="1s" repeatCount="indefinite"/>
    </ellipse>

    <animateTransform attributeName="transform" type="translate" values="0 0; 0 -5; 0 0; 0 5; 0 0" dur="0.5s" additive="sum" repeatCount="indefinite"/>

  </g>

  <!-- Astronaut Group -->
  <g id="astronaut-group" class="astronaut">
    <!-- Body -->
    <rect id="suit-body" class="suit-body" x="240" y="260" width="40" height="60" rx="10" ry="10" fill="#E0E0E0"/>
    <!-- Arms -->
    <rect id="suit-arm-left" class="suit-arm" x="230" y="265" width="15" height="40" rx="5" ry="5" fill="#E0E0E0" transform="rotate(-10 245 265)">
        <animateTransform attributeName="transform" type="rotate" values="-10 245 265; -5 245 265; -10 245 265" dur="0.5s" additive="sum" repeatCount="indefinite"/>
    </rect>
     <rect id="suit-arm-right" class="suit-arm" x="285" y="265" width="15" height="40" rx="5" ry="5" fill="#E0E0E0" transform="rotate(10 285 265)">
         <animateTransform attributeName="transform" type="rotate" values="10 285 265; 5 285 265; 10 285 265" dur="0.5s" additive="sum" repeatCount="indefinite"/>
     </rect>
    <!-- Legs - implied/hidden by horse -->
    <rect id="suit-leg-implied" class="suit-leg" x="250" y="310" width="30" height="10" fill="#C0C0C0"/>

    <!-- Helmet -->
    <circle id="suit-helmet" class="suit-helmet" cx="260" cy="255" r="20" fill="#E0E0E0"/>
    <circle id="helmet-visor" class="helmet-visor" cx="265" cy="258" r="15" fill="#FFD700"/>
    <!-- Visor reflection -->
    <path id="visor-reflection-1" class="visor-reflection" d="M275 250 C278 253 278 257 275 260 Z" fill="#FFFFFF" opacity="0.7"/>
    <path id="visor-reflection-2" class="visor-reflection" d="M268 252 C270 254 270 256 268 258 Z" fill="#FFFFFF" opacity="0.5"/>

     <!-- Backpack -->
    <rect id="suit-backpack" class="suit-backpack" x="245" y="265" width="30" height="40" rx="5" ry="5" fill="#C0C0C0" transform="skewX(-5)"/>

     <!-- Flag on backpack -->
    <rect id="flagpole" class="flagpole" x="270" y="240" width="2" height="20" fill="#A0A0A0"/>
    <path id="flag" class="flag" d="M272 240 Q280 242 272 245 Q280 248 272 250 L272 240 Z" fill="#FF0000">
       <animate attributeName="d" values="M272 240 Q280 242 272 245 Q280 248 272 250 L272 240 Z; M272 240 Q285 241 272 244 Q285 247 272 249 L272 240 Z; M272 240 Q280 242 272 245 Q280 248 272 250 L272 240 Z" dur="0.7s" repeatCount="indefinite"/>
    </path>

    <!-- Animate astronaut bouncing with horse -->
    <animateTransform attributeName="transform" type="translate" values="0 0; 0 -3; 0 0; 0 3; 0 0" dur="0.5s" additive="sum" repeatCount="indefinite"/>

  </g>


  <!-- Ensure animations loop seamlessly over 5 seconds -->
  <animateTransform xlink:href="#horse-group" attributeName="transform" type="translate" values="0 0; 0 -5; 0 0; 0 5; 0 0" dur="0.5s" additive="sum" repeatCount="indefinite"/>
  <animateTransform xlink:href="#astronaut-group" attributeName="transform" type="translate" values="0 0; 0 -3; 0 0; 0 3; 0 0" dur="0.5s" additive="sum" repeatCount="indefinite"/>


</svg>
DrawGPT logo DrawGPT logo

Compare & Benchmark AI Models

Try the new DrawGPT Compare

  • Instantly compare the latest AI models side-by-side.
  • Top models: GPT, Gemini, Claude, Grok, SDXL.
  • From OpenAI, Google, Anthropic, xAI, Scenario.gg.
  • Generate images or text with multiple models at once.
  • See results in real time, share, and benchmark.
Try DrawGPT Compare →
DrawGPT Compare demo
DrawGPT logo DrawGPT logo

Draw, Sketch, Paint, or Doodle Instantly

This is where you can draw anything—then AI turns it into real 3D images and more!

  • Draw, sketch, paint, or doodle anything right in your browser.
  • AI transforms your creations into 3D images, vector art, and more.
  • Create images from text prompts using top AI models: DALL-E 3, Gemini, Stable Diffusion, and more.
  • No subscription required – just use tokens for each image.
  • Download as PNG, SVG, or vector graphics.
  • Perfect for logos, icons, art, textures, patterns, and game assets.
  • Type anything, get an image instantly. Commercial use allowed!
Try DrawGPT Draw →
DrawGPT Draw demo

NEW COMMUNITY AI IMAGES


These are recent AI images made by the community! These may use any AI model including DALL-E 3, Flux, Stable Diffusion, GPT-4, o1, and more and may be anything from simple animated SVGs to PNGs.

draw a space cadet lion
draw a space cadet lion

FAQ

What is DrawGPT?

DrawGPT is a an AI art generator that uses GPT-4, o1, o3, DALL-E 3, Gemini 2.0, Imagegen 3.0, Flux, Stable Diffusion, and Custom GPTs, ChatGPT, and other large language models to generate new images from text prompts.

Why Is This Different?

This does not require access to premium AI model subscriptions, it is able to be used by anyone with an internet connection and tokens. This allows everyone to get access to the very best AI art generation technology.

Artificial intelligence may create strange or unusual images. It is being used to generated images for advertising, entertainment, gaming, marketing, and fun right now!

Because Draw GPT has access to do many models we assume the model providers have followed best practices when attributing or utilizing data and images in the training data.

Yes! You can use the images for commercial purposes! And so can Draw GPT.

What Can DrawGPT Draw?

DrawGPT can draw anything you can think of and more! Just type your text prompt in to the textbox exactly like ChatGPT and see what the AI gives you! Seriously, you can get GPT to draw just about anything for you that you can type in the box.

DrawGPT creates images in PNG, SVG, and Javascript format for download and use. This is different than other AI art projects that only create images in PNG format; being able to get a scene graph via Javascript draw commands is a unique feature of this project and getting any AI art in SVG vector format is unique to DrawGPT.

Many people use this to generate quick art for simple projects, video game assets, new business logos, and more. It is also used to generate images for advertising, entertainment, gaming, marketing, creating art for ads and blog posts with AI and fun.

Want to learn more about DrawGPT, the types of possible image renders, and how to use DrawGPT in your next project as a developer?
Check out our AI image generation API!

Why Are They Weird?

DrawGPT is runs on an AI that has never actually "seen" an image as embodied AI in its life!

This method of drawing images using raw code is not a great way to draw complex images with lots of structure. It may be able to make photograph quality artwork and professional illustrations with AI but it can fail when using certain types of typography.

Is This ChatGPT?

Yes and no. Same same but different.

ChatGPT runs on the same model that this project uses, so this is like using ChatGPT to generate images, but it is a different instance of the model. This means that the AI is not precisly the same but it is the same quality AI, image generation AI, large language model, and overall AI art that ChatGPT is using and that Chat GPT can draw.

What is the difference? ChatGPT is specifically wired up to be conversational and track a conversation thread across multiple user prompts. Images in ChatGPT using DALL-E 3 are not saved to the Intenet and made available publicly.

In comparison DrawGPT does not remember things from prompt to prompt, each image is a unique image that does not reference any of the images or prompts previously supplied.

Copyright

You can do what you want it's your party.

We humbly ask that you backlink to DrawGPT if you do use our images in any promotion or commercial ways, but it is not required.

At the moment all images & Javascript code generated by this tool under the CC0 License with outrageous added term that the license can be revoked or retroactively changed at any time without warning for any image.

Yes! You can use the images for commercial purposes! And so can DrawGPT.

Images & Prompts Private

Images & prompts may be made made public.

Depending on the situation the prompts themselves are stored internally for research purposes.

Employees at OpenAI and DrawGPT have access to any prompts you submit.

DO NOT SUBMIT PERSONAL INFORMATION.

🤖🎨 DrawGPT

DrawGPT is an app that uses AI models models by OpenAI, Google Gemini, Scenario.gg, Flux, Stable Diffusion and other in-house AI models to generate art.

DrawGPT can generate raster images, PNGs, SVGs, vector graphics, tiles, textures, patterns, logos, icons, and more.