← 回到列表

#79

glm-5.3-start-plan zai zcode 2026-10-25 18:09(12 天前)
鹈鹕骑自行车 一只白色鹈鹕骑着红色自行车向前飞驰:车轮旋转、双腿踩踏、围巾飘动、背景视差滚动。
耗时68.50 s
首字延迟—
输入字节未采集
输入 tokens—
输出字节13.8 KB
tokens—
元素 / 动画189 / 32
配色数44
来源guest

resubmit: model name corrected per warning (glm-5.3 -> glm-5.3-start-plan); supersedes id 78

下载 SVG
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 540">
  <title>鹈鹕骑自行车</title>
  <desc>一只白色鹈鹕骑着红色自行车向前飞驰:车轮旋转、双腿踩踏、围巾飘动、背景视差滚动。</desc>
  <defs>
    <linearGradient id="skyG" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#8ed8f8"/>
      <stop offset="1" stop-color="#eaf9ff"/>
    </linearGradient>
    <linearGradient id="bodyG" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#ffffff"/>
      <stop offset="1" stop-color="#e3ddcf"/>
    </linearGradient>
    <radialGradient id="sunG">
      <stop offset="0" stop-color="#fff3ae"/>
      <stop offset="1" stop-color="#ffd23b"/>
    </radialGradient>
  </defs>

  <rect x="0" y="0" width="900" height="540" fill="url(#skyG)"/>

  <g>
    <g stroke="#ffd23b" stroke-width="6" stroke-linecap="round" opacity="0.9">
      <animateTransform attributeName="transform" type="rotate" from="0 760 90" to="360 760 90" dur="24s" repeatCount="indefinite"/>
      <line x1="760" y1="18" x2="760" y2="38"/>
      <line x1="760" y1="142" x2="760" y2="162"/>
      <line x1="688" y1="90" x2="708" y2="90"/>
      <line x1="812" y1="90" x2="832" y2="90"/>
      <line x1="709" y1="39" x2="723" y2="53"/>
      <line x1="797" y1="127" x2="811" y2="141"/>
      <line x1="709" y1="141" x2="723" y2="127"/>
      <line x1="797" y1="53" x2="811" y2="39"/>
    </g>
    <circle cx="760" cy="90" r="46" fill="url(#sunG)"/>
  </g>

  <g fill="#ffffff" opacity="0.92">
    <g transform="translate(930 70)">
      <g>
        <animateTransform attributeName="transform" type="translate" values="0 0; -1160 0" dur="40s" begin="-12s" repeatCount="indefinite"/>
        <ellipse cx="0" cy="0" rx="54" ry="24"/>
        <ellipse cx="42" cy="9" rx="44" ry="19"/>
        <ellipse cx="-40" cy="10" rx="38" ry="16"/>
      </g>
    </g>
    <g transform="translate(1250 140)">
      <g>
        <animateTransform attributeName="transform" type="translate" values="0 0; -1450 0" dur="55s" begin="-38s" repeatCount="indefinite"/>
        <ellipse cx="0" cy="0" rx="46" ry="20"/>
        <ellipse cx="36" cy="8" rx="36" ry="15"/>
        <ellipse cx="-34" cy="8" rx="32" ry="13"/>
      </g>
    </g>
  </g>

  <g>
    <animateTransform attributeName="transform" type="translate" values="0 0; -900 0" dur="14s" repeatCount="indefinite"/>
    <g id="hillset">
      <ellipse cx="150" cy="470" rx="240" ry="95" fill="#c3e6ad"/>
      <ellipse cx="450" cy="482" rx="270" ry="108" fill="#abd894"/>
      <ellipse cx="750" cy="470" rx="240" ry="92" fill="#c3e6ad"/>
      <g transform="translate(300 432)">
        <rect x="-4" y="-36" width="8" height="38" fill="#8a6f4d"/>
        <circle cx="0" cy="-52" r="26" fill="#7cc069"/>
        <circle cx="-17" cy="-38" r="17" fill="#8fce7c"/>
        <circle cx="17" cy="-38" r="17" fill="#8fce7c"/>
      </g>
      <g transform="translate(800 428)">
        <rect x="-4" y="-34" width="8" height="36" fill="#8a6f4d"/>
        <circle cx="0" cy="-50" r="24" fill="#7cc069"/>
        <circle cx="-16" cy="-37" r="16" fill="#8fce7c"/>
        <circle cx="16" cy="-37" r="16" fill="#8fce7c"/>
      </g>
    </g>
    <use href="#hillset" xlink:href="#hillset" x="900"/>
  </g>

  <rect x="0" y="452" width="900" height="22" fill="#8fce8f"/>
  <rect x="0" y="474" width="900" height="66" fill="#5b6067"/>
  <rect x="0" y="474" width="900" height="6" fill="#454a52"/>

  <g>
    <animateTransform attributeName="transform" type="translate" values="0 0; -160 0" dur="0.25s" repeatCount="indefinite"/>
    <g fill="#eef1f4">
      <rect x="0" y="506" width="70" height="9" rx="4"/>
      <rect x="160" y="506" width="70" height="9" rx="4"/>
      <rect x="320" y="506" width="70" height="9" rx="4"/>
      <rect x="480" y="506" width="70" height="9" rx="4"/>
      <rect x="640" y="506" width="70" height="9" rx="4"/>
      <rect x="800" y="506" width="70" height="9" rx="4"/>
      <rect x="960" y="506" width="70" height="9" rx="4"/>
      <rect x="1120" y="506" width="70" height="9" rx="4"/>
    </g>
    <g fill="#6db36a">
      <path d="M 80 453 l 7 -14 l 7 14 Z"/>
      <path d="M 240 453 l 7 -14 l 7 14 Z"/>
      <path d="M 400 453 l 7 -14 l 7 14 Z"/>
      <path d="M 560 453 l 7 -14 l 7 14 Z"/>
      <path d="M 720 453 l 7 -14 l 7 14 Z"/>
      <path d="M 880 453 l 7 -14 l 7 14 Z"/>
      <path d="M 1040 453 l 7 -14 l 7 14 Z"/>
    </g>
  </g>

  <ellipse cx="430" cy="480" rx="235" ry="13" fill="#000000" opacity="0.16"/>

  <g stroke="#ffffff" stroke-width="6" stroke-linecap="round" fill="none">
    <g>
      <animateTransform attributeName="transform" type="translate" values="50 0; -80 0" dur="0.5s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0;0.85;0" dur="0.5s" repeatCount="indefinite"/>
      <line x1="96" y1="238" x2="170" y2="238"/>
    </g>
    <g>
      <animateTransform attributeName="transform" type="translate" values="50 0; -80 0" dur="0.5s" begin="-0.17s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0;0.85;0" dur="0.5s" begin="-0.17s" repeatCount="indefinite"/>
      <line x1="70" y1="300" x2="150" y2="300"/>
    </g>
    <g>
      <animateTransform attributeName="transform" type="translate" values="50 0; -80 0" dur="0.5s" begin="-0.33s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0;0.85;0" dur="0.5s" begin="-0.33s" repeatCount="indefinite"/>
      <line x1="110" y1="362" x2="180" y2="362"/>
    </g>
  </g>

  <g fill="#ddd2ba">
    <circle cx="240" cy="468" r="4" opacity="0.6">
      <animate attributeName="r" values="2;11" dur="0.7s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.65;0" dur="0.7s" repeatCount="indefinite"/>
      <animateTransform attributeName="transform" type="translate" values="0 0; -80 -18" dur="0.7s" repeatCount="indefinite"/>
    </circle>
    <circle cx="252" cy="472" r="4" opacity="0.6">
      <animate attributeName="r" values="2;11" dur="0.7s" begin="-0.35s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.65;0" dur="0.7s" begin="-0.35s" repeatCount="indefinite"/>
      <animateTransform attributeName="transform" type="translate" values="0 0; -80 -18" dur="0.7s" begin="-0.35s" repeatCount="indefinite"/>
    </circle>
  </g>

  <g>
    <path fill="none" stroke="#c9772b" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" d="M374 284 L434 326 L390 412">
      <animate attributeName="d" dur="1.2s" repeatCount="indefinite" values="M374 284 L434 326 L390 412; M374 284 L450 312 L402 384; M374 284 L464 300 L430 372; M374 284 L466 314 L458 384; M374 284 L462 332 L470 412; M374 284 L468 342 L458 440; M374 284 L460 348 L430 452; M374 284 L448 340 L402 440; M374 284 L434 326 L390 412"/>
    </path>
    <g transform="translate(430 412)">
      <g>
        <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="1.2s" repeatCount="indefinite"/>
        <line x1="0" y1="0" x2="-40" y2="0" stroke="#33333d" stroke-width="7" stroke-linecap="round"/>
        <g transform="translate(-40 0)">
          <g>
            <animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="1.2s" repeatCount="indefinite"/>
            <rect x="-17" y="-5" width="34" height="10" rx="3" fill="#26262f"/>
            <path d="M -16 -4 L 20 -4 L 13 -13 L -8 -13 Z" fill="#c9772b"/>
          </g>
        </g>
      </g>
    </g>
  </g>

  <g transform="translate(250 416)">
    <circle r="62" fill="none" stroke="#2f2f3a" stroke-width="11"/>
    <circle r="53" fill="none" stroke="#c9ccd6" stroke-width="4"/>
    <g stroke="#c9ccd6" stroke-width="3">
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.6s" repeatCount="indefinite"/>
      <line x1="-53" y1="0" x2="53" y2="0"/>
      <line x1="0" y1="-53" x2="0" y2="53"/>
      <line x1="-45.9" y1="-26.5" x2="45.9" y2="26.5"/>
      <line x1="-26.5" y1="-45.9" x2="26.5" y2="45.9"/>
      <line x1="-26.5" y1="45.9" x2="26.5" y2="-45.9"/>
      <line x1="-45.9" y1="26.5" x2="45.9" y2="-26.5"/>
    </g>
    <circle r="9" fill="#4a4a55" stroke="#2f2f3a" stroke-width="3"/>
  </g>
  <g transform="translate(610 416)">
    <circle r="62" fill="none" stroke="#2f2f3a" stroke-width="11"/>
    <circle r="53" fill="none" stroke="#c9ccd6" stroke-width="4"/>
    <g stroke="#c9ccd6" stroke-width="3">
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.6s" repeatCount="indefinite"/>
      <line x1="-53" y1="0" x2="53" y2="0"/>
      <line x1="0" y1="-53" x2="0" y2="53"/>
      <line x1="-45.9" y1="-26.5" x2="45.9" y2="26.5"/>
      <line x1="-26.5" y1="-45.9" x2="26.5" y2="45.9"/>
      <line x1="-26.5" y1="45.9" x2="26.5" y2="-45.9"/>
      <line x1="-45.9" y1="26.5" x2="45.9" y2="-26.5"/>
    </g>
    <circle r="9" fill="#4a4a55" stroke="#2f2f3a" stroke-width="3"/>
  </g>

  <g stroke="#e63946" stroke-width="10" stroke-linecap="round" fill="none">
    <line x1="430" y1="412" x2="362" y2="298"/>
    <line x1="430" y1="412" x2="584" y2="324"/>
    <line x1="367" y1="306" x2="584" y2="318"/>
    <line x1="430" y1="412" x2="250" y2="416"/>
    <line x1="379" y1="326" x2="250" y2="416"/>
    <line x1="588" y1="314" x2="610" y2="416"/>
  </g>
  <path d="M 588 314 L 582 291 Q 579 281 592 279 L 609 276" fill="none" stroke="#3a3a44" stroke-width="7" stroke-linecap="round"/>
  <rect x="334" y="288" width="58" height="11" rx="5" fill="#3a3a44"/>

  <line x1="430" y1="390" x2="252" y2="407" stroke="#4a4a55" stroke-width="4" stroke-dasharray="7 5">
    <animate attributeName="stroke-dashoffset" from="0" to="12" dur="0.1s" repeatCount="indefinite"/>
  </line>
  <line x1="430" y1="434" x2="252" y2="425" stroke="#4a4a55" stroke-width="4" stroke-dasharray="7 5">
    <animate attributeName="stroke-dashoffset" from="0" to="-12" dur="0.1s" repeatCount="indefinite"/>
  </line>

  <g transform="translate(430 412)">
    <g>
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="1.2s" repeatCount="indefinite"/>
      <circle r="22" fill="none" stroke="#55555f" stroke-width="5"/>
      <circle cx="13" cy="0" r="3" fill="#55555f"/>
      <circle cx="-7" cy="11.3" r="3" fill="#55555f"/>
      <circle cx="-7" cy="-11.3" r="3" fill="#55555f"/>
      <line x1="0" y1="0" x2="40" y2="0" stroke="#3d3d47" stroke-width="8" stroke-linecap="round"/>
      <g transform="translate(40 0)">
        <g>
          <animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="1.2s" repeatCount="indefinite"/>
          <rect x="-17" y="-5" width="34" height="10" rx="3" fill="#2e2e38"/>
          <path d="M -16 -4 L 20 -4 L 13 -13 L -8 -13 Z" fill="#f0973f"/>
        </g>
      </g>
    </g>
    <circle r="6" fill="#c1121f"/>
  </g>

  <path fill="none" stroke="#f0973f" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" d="M378 282 L462 332 L470 412">
    <animate attributeName="d" dur="1.2s" repeatCount="indefinite" values="M378 282 L462 332 L470 412; M378 282 L468 342 L458 440; M378 282 L460 348 L430 452; M378 282 L448 340 L402 440; M378 282 L434 326 L390 412; M378 282 L450 312 L402 384; M378 282 L464 300 L430 372; M378 282 L466 314 L458 384; M378 282 L462 332 L470 412"/>
  </path>

  <g>
    <animateTransform attributeName="transform" type="translate" values="0 0; 0 3; 0 0" dur="0.6s" repeatCount="indefinite"/>
    <path d="M 286 226 L 250 208 L 268 230 L 244 236 L 268 244 L 252 262 L 288 252 Z" fill="#e3ddcf" stroke="#b9b4a8" stroke-width="3" stroke-linejoin="round"/>
    <ellipse cx="350" cy="240" rx="78" ry="52" fill="url(#bodyG)" stroke="#b9b4a8" stroke-width="3"/>
    <path d="M 392 208 C 428 196 446 164 452 132" fill="none" stroke="#b9b4a8" stroke-width="30" stroke-linecap="round"/>
    <path d="M 392 208 C 428 196 446 164 452 132" fill="none" stroke="#fdfdf7" stroke-width="24" stroke-linecap="round"/>
    <path d="M 420 170 L 446 184" stroke="#17c3b2" stroke-width="13" stroke-linecap="round" fill="none"/>
    <path fill="#17c3b2" d="M 430 178 Q 392 172 366 190 Q 396 188 432 186 Z">
      <animate attributeName="d" dur="0.45s" repeatCount="indefinite" values="M 430 178 Q 392 172 366 190 Q 396 188 432 186 Z; M 430 178 Q 390 184 362 204 Q 394 190 432 186 Z; M 430 178 Q 392 172 366 190 Q 396 188 432 186 Z"/>
    </path>
    <path fill="#0fa393" d="M 430 184 Q 400 190 382 208 Q 404 198 432 192 Z">
      <animate attributeName="d" dur="0.5s" repeatCount="indefinite" values="M 430 184 Q 400 190 382 208 Q 404 198 432 192 Z; M 430 184 Q 398 202 378 222 Q 402 200 432 192 Z; M 430 184 Q 400 190 382 208 Q 404 198 432 192 Z"/>
    </path>
    <circle cx="455" cy="118" r="27" fill="url(#bodyG)" stroke="#b9b4a8" stroke-width="3"/>
    <path d="M 444 96 Q 428 78 413 82 Q 433 91 437 104 Z" fill="#fdfdf7" stroke="#b9b4a8" stroke-width="2.5" stroke-linejoin="round"/>
    <circle cx="464" cy="112" r="4.5" fill="#22222a"/>
    <circle cx="465.6" cy="110.4" r="1.6" fill="#ffffff"/>
    <path fill="#ff9d55" stroke="#e08b3a" stroke-width="2" d="M 466 128 L 604 141 Q 588 162 556 172 Q 498 196 466 128 Z">
      <animate attributeName="d" dur="0.6s" repeatCount="indefinite" values="M 466 128 L 604 141 Q 588 162 556 172 Q 498 196 466 128 Z; M 466 128 L 604 141 Q 592 168 560 178 Q 500 190 466 128 Z; M 466 128 L 604 141 Q 588 162 556 172 Q 498 196 466 128 Z"/>
    </path>
    <path d="M 466 104 L 612 138 L 468 130 Z" fill="#f6a94f" stroke="#d98f2b" stroke-width="2" stroke-linejoin="round"/>
    <g>
      <animateTransform attributeName="transform" type="rotate" values="0 340 238; 2.5 340 238; 0 340 238" dur="1.2s" repeatCount="indefinite"/>
      <path d="M 340 238 C 420 214 512 234 592 278" fill="none" stroke="#b9b4a8" stroke-width="25" stroke-linecap="round"/>
      <path d="M 340 238 C 420 214 512 234 592 278" fill="none" stroke="#fdfdf7" stroke-width="19" stroke-linecap="round"/>
      <circle cx="596" cy="280" r="9" fill="#fdfdf7" stroke="#b9b4a8" stroke-width="2.5"/>
    </g>
  </g>
</svg>