<!--



Generated by DrawGPT.

Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.

https://drawgpt.ai



Created: 2025-05-16T23:20:51+00:00

-->

<svg id="svg-root-001" class="scene"   viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">

  <title>Godzilla vs Smog Showdown</title>

  <desc>Godzilla and a quirky smog monster face off in a looping 5-second boomerang battle that ends with a wink!</desc>

  <defs>

    <linearGradient id="skyGradient-001" class="skyGradient" x1="0" y1="0" x2="0" y2="1">

      <stop id="skyStop1-001" class="skyStop" offset="0%" stop-color="#87CEEB"/>

      <stop id="skyStop2-001" class="skyStop" offset="100%" stop-color="#1E90FF"/>

    </linearGradient>

  </defs>

  <!-- Background -->

  <rect id="background-rect-001" class="background" x="0" y="0" width="512" height="512" fill="url(#skyGradient-001)"/>

  

  <!-- City Skyline -->

  <g id="city-001" class="city">

    <rect id="city-building1-001" class="building" x="30" y="360" width="40" height="152" fill="#2F4F4F"/>

    <rect id="city-building2-001" class="building" x="80" y="380" width="30" height="132" fill="#556B2F"/>

    <rect id="city-building3-001" class="building" x="130" y="340" width="50" height="172" fill="#483D8B"/>

    <rect id="city-building4-001" class="building" x="190" y="370" width="35" height="142" fill="#6A5ACD"/>

    <rect id="city-building5-001" class="building" x="250" y="360" width="45" height="152" fill="#708090"/>

    <rect id="city-building6-001" class="building" x="310" y="390" width="30" height="122" fill="#778899"/>

    <rect id="city-building7-001" class="building" x="370" y="350" width="40" height="162" fill="#2F4F4F"/>

    <rect id="city-building8-001" class="building" x="430" y="380" width="40" height="132" fill="#556B2F"/>

  </g>

  

  <!-- Godzilla Group -->

  <g id="godzilla-001" class="godzilla">

    <!-- Godzilla Body -->

    <path id="godzilla-body-001" class="godzilla-body" d="M100,320 C120,280 180,280 200,320 L200,380 C180,400 120,400 100,380 Z" fill="#228B22" stroke="#006400" stroke-width="3">

      <animate attributeName="d" values="

        M100,320 C120,280 180,280 200,320 L200,380 C180,400 120,400 100,380 Z;

        M100,322 C122,282 178,282 200,322 L200,382 C178,402 122,402 100,382 Z;

        M100,320 C120,280 180,280 200,320 L200,380 C180,400 120,400 100,380 Z" 

        dur="5s" repeatCount="indefinite"/>

    </path>

    <!-- Godzilla Tail -->

    <path id="godzilla-tail-001" class="godzilla-tail" d="M100,320 C50,300 50,360 100,380" fill="none" stroke="#228B22" stroke-width="3">

      <animateTransform attributeName="transform" attributeType="XML" type="rotate" 

        from="0 100 350" to="-10 100 350" dur="5s" repeatCount="indefinite" additive="sum"/>

    </path>

    <!-- Godzilla Spines -->

    <polygon id="godzilla-spine1-001" class="godzilla-spine" points="130,300 140,280 150,300" fill="#ADFF2F">

      <animate attributeName="fill" values="#ADFF2F;#7CFC00;#ADFF2F" dur="5s" repeatCount="indefinite"/>

    </polygon>

    <polygon id="godzilla-spine2-001" class="godzilla-spine" points="160,300 170,280 180,300" fill="#ADFF2F">

      <animate attributeName="fill" begin="0.5s" values="#ADFF2F;#7CFC00;#ADFF2F" dur="5s" repeatCount="indefinite"/>

    </polygon>

    <!-- Godzilla Eye -->

    <circle id="godzilla-eye-001" class="godzilla-eye" cx="180" cy="310" r="5" fill="#000000">

      <animate attributeName="r" values="5;7;5" dur="5s" repeatCount="indefinite"/>

    </circle>

  </g>

  

  <!-- Smog Monster Group -->

  <g id="smog-monster-001" class="smog-monster">

    <!-- Main Smog Ellipse -->

    <ellipse id="smog-ellipse1-001" class="smog-body" cx="380" cy="260" rx="50" ry="30" fill="#696969">

      <animate attributeName="rx" values="50;55;50" dur="5s" repeatCount="indefinite"/>

      <animate attributeName="ry" values="30;35;30" dur="5s" repeatCount="indefinite"/>

    </ellipse>

    <!-- Secondary Smog Ellipse -->

    <ellipse id="smog-ellipse2-001" class="smog-body" cx="420" cy="280" rx="40" ry="25" fill="#808080">

      <animate attributeName="opacity" values="0.8;1;0.8" dur="5s" repeatCount="indefinite"/>

    </ellipse>

    <!-- Tertiary Smog Ellipse -->

    <ellipse id="smog-ellipse3-001" class="smog-body" cx="360" cy="280" rx="30" ry="20" fill="#A9A9A9">

      <animate attributeName="cx" values="360;365;360" dur="5s" repeatCount="indefinite"/>

    </ellipse>

    <!-- Smog Wisp -->

    <path id="smog-wisp-001" class="smog-wisp" d="M380,260 C370,250 360,250 350,260" stroke="#696969" fill="none" stroke-width="3">

      <animate attributeName="d" values="

        M380,260 C370,250 360,250 350,260;

        M380,260 C370,260 360,250 350,260;

        M380,260 C370,250 360,250 350,260" 

        dur="5s" repeatCount="indefinite"/>

    </path>

    <!-- Smog Eye -->

    <circle id="smog-eye-001" class="smog-eye" cx="410" cy="265" r="4" fill="#000000">

      <animate attributeName="r" values="4;6;4" dur="5s" repeatCount="indefinite"/>

    </circle>

  </g>

</svg>