← 回到列表
#35
MiniMax-M3.1-Flash
minimax
minimax-code 2026-10-20 23:02（17 天前）
该组合全部 2 次 →
耗时358.42 s
首字延迟—
输入字节未采集
输入 tokens—
输出字节15.3 KB
tokens—
元素 / 动画198 / 30
配色数76
来源guest
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 520">
<title>Pelican riding a bicycle</title>
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#b3e2fb"/>
<stop offset="0.55" stop-color="#ddf2fd"/>
<stop offset="1" stop-color="#f7fcff"/>
</linearGradient>
<radialGradient id="sunGlow" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#fff7d2" stop-opacity="0.95"/>
<stop offset="0.55" stop-color="#ffeeb4" stop-opacity="0.4"/>
<stop offset="1" stop-color="#ffeeb4" stop-opacity="0"/>
</radialGradient>
<linearGradient id="hillFar" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#a6d3bd"/>
<stop offset="1" stop-color="#c8e6d1"/>
</linearGradient>
<linearGradient id="hillNear" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#7fc79d"/>
<stop offset="1" stop-color="#a9dcb9"/>
</linearGradient>
<linearGradient id="grass" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#9ad79b"/>
<stop offset="1" stop-color="#5fb671"/>
</linearGradient>
<linearGradient id="bodyG" x1="0.2" y1="0" x2="0.7" y2="1">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#eae3d2"/>
</linearGradient>
<linearGradient id="beakG" x1="0" y1="0" x2="1" y2="0.7">
<stop offset="0" stop-color="#ffc964"/>
<stop offset="0.5" stop-color="#f79c33"/>
<stop offset="1" stop-color="#e0752a"/>
</linearGradient>
<linearGradient id="pouchG" x1="0.2" y1="0" x2="0.8" y2="1">
<stop offset="0" stop-color="#f79a58"/>
<stop offset="0.55" stop-color="#ec7a49"/>
<stop offset="1" stop-color="#d65e3c"/>
</linearGradient>
<linearGradient id="frameG" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#f0704c"/>
<stop offset="1" stop-color="#c33a2c"/>
</linearGradient>
<g id="cloud">
<ellipse cx="0" cy="0" rx="46" ry="19" fill="#ffffff"/>
<circle cx="-24" cy="-9" r="18" fill="#ffffff"/>
<circle cx="4" cy="-18" r="25" fill="#ffffff"/>
<circle cx="33" cy="-5" r="16" fill="#ffffff"/>
<rect x="-44" y="-3" width="92" height="21" rx="10.5" fill="#ffffff"/>
</g>
<g id="tree">
<rect x="-5" y="-36" width="10" height="36" rx="3" fill="#8a6742"/>
<circle cx="0" cy="-54" r="27" fill="#4c9c67"/>
<circle cx="-21" cy="-40" r="19" fill="#57ab72"/>
<circle cx="21" cy="-41" r="21" fill="#439059"/>
<circle cx="-4" cy="-64" r="15" fill="#63b87c"/>
</g>
</defs>
<rect x="0" y="0" width="800" height="520" fill="url(#sky)"/>
<circle cx="688" cy="86" r="78" fill="url(#sunGlow)"/>
<circle cx="688" cy="86" r="27" fill="#fff4bd"/>
<circle cx="688" cy="86" r="21" fill="#ffe89a"/>
<g opacity="0.92">
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;-820,0" dur="52s" repeatCount="indefinite"/>
<use xlink:href="#cloud" href="#cloud" x="120" y="96"/>
<use xlink:href="#cloud" href="#cloud" x="520" y="62" transform="scale(0.8)"/>
<use xlink:href="#cloud" href="#cloud" x="940" y="96"/>
</g>
</g>
<path d="M0,430 L0,378 C70,334 140,372 216,352 C300,330 372,372 452,348 C540,322 620,368 700,344 C756,327 790,344 800,340 L800,430 Z" fill="url(#hillFar)"/>
<path d="M0,430 L0,404 C110,378 168,408 268,392 C372,376 470,410 566,392 C672,372 736,402 800,388 L800,430 Z" fill="url(#hillNear)"/>
<g fill="none" stroke="#6b7f8c" stroke-width="2.2" stroke-linecap="round" opacity="0.75">
<path d="M596,132 q8,-8 16,0 q8,-8 16,0">
<animateTransform attributeName="transform" type="translate" values="0,0;-60,10" dur="9s" repeatCount="indefinite"/>
</path>
<path d="M640,168 q6,-6 12,0 q6,-6 12,0" opacity="0.7">
<animateTransform attributeName="transform" type="translate" values="0,0;-70,6" dur="11s" repeatCount="indefinite"/>
</path>
</g>
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;-400,0" dur="6.5s" repeatCount="indefinite"/>
<use xlink:href="#tree" href="#tree" x="110" y="432"/>
<use xlink:href="#tree" href="#tree" x="510" y="432"/>
<use xlink:href="#tree" href="#tree" x="910" y="432"/>
</g>
<g opacity="0.75">
<animateTransform attributeName="transform" type="translate" values="0,0;-600,0" dur="9.5s" repeatCount="indefinite"/>
<use xlink:href="#tree" href="#tree" x="300" y="430" transform="translate(0,0)"/>
<use xlink:href="#tree" href="#tree" x="900" y="430"/>
</g>
<rect x="0" y="430" width="800" height="90" fill="url(#grass)"/>
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;-120,0" dur="1.15s" repeatCount="indefinite"/>
<g fill="#3f9a5e" opacity="0.16">
<rect x="-120" y="430" width="58" height="90"/>
<rect x="0" y="430" width="58" height="90"/>
<rect x="120" y="430" width="58" height="90"/>
<rect x="240" y="430" width="58" height="90"/>
<rect x="360" y="430" width="58" height="90"/>
<rect x="480" y="430" width="58" height="90"/>
<rect x="600" y="430" width="58" height="90"/>
<rect x="720" y="430" width="58" height="90"/>
<rect x="840" y="430" width="58" height="90"/>
</g>
</g>
<g stroke="#3f9a5e" stroke-width="2" stroke-linecap="round" opacity="0.5">
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;-240,0" dur="2.3s" repeatCount="indefinite"/>
<path d="M-60,436 q3,-9 6,0 M-40,436 q3,-11 6,0 M60,436 q3,-8 6,0 M100,436 q3,-10 6,0 M180,436 q3,-9 6,0 M220,436 q3,-11 6,0 M300,436 q3,-8 6,0 M340,436 q3,-10 6,0 M420,436 q3,-9 6,0 M460,436 q3,-11 6,0 M540,436 q3,-8 6,0 M580,436 q3,-10 6,0 M660,436 q3,-9 6,0 M700,436 q3,-11 6,0 M780,436 q3,-8 6,0"/>
</g>
</g>
<g>
<circle cx="200" cy="428" r="4" fill="#f2f8ec" opacity="0">
<animate attributeName="opacity" values="0;0.55;0" dur="1.3s" begin="0s" repeatCount="indefinite"/>
<animate attributeName="r" values="4;17" dur="1.3s" begin="0s" repeatCount="indefinite"/>
<animate attributeName="cx" values="212;168" dur="1.3s" begin="0s" repeatCount="indefinite"/>
</circle>
<circle cx="205" cy="426" r="3" fill="#f2f8ec" opacity="0">
<animate attributeName="opacity" values="0;0.45;0" dur="1.3s" begin="0.45s" repeatCount="indefinite"/>
<animate attributeName="r" values="3;14" dur="1.3s" begin="0.45s" repeatCount="indefinite"/>
<animate attributeName="cx" values="214;172" dur="1.3s" begin="0.45s" repeatCount="indefinite"/>
</circle>
<circle cx="210" cy="430" r="3" fill="#f2f8ec" opacity="0">
<animate attributeName="opacity" values="0;0.4;0" dur="1.3s" begin="0.9s" repeatCount="indefinite"/>
<animate attributeName="r" values="3;12" dur="1.3s" begin="0.9s" repeatCount="indefinite"/>
<animate attributeName="cx" values="216;176" dur="1.3s" begin="0.9s" repeatCount="indefinite"/>
</circle>
</g>
<ellipse cx="404" cy="437" rx="168" ry="9" fill="#1f5130" opacity="0.15"/>
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;0,-4;0,0" dur="0.45s" repeatCount="indefinite"/>
<g>
<animateTransform attributeName="transform" type="rotate" values="0 400 350;0.9 400 350;0 400 350" dur="0.9s" repeatCount="indefinite"/>
<path d="M352,232 Q373,285 362,350" fill="none" stroke="#d98f31" stroke-width="7" stroke-linecap="round">
<animate attributeName="d" dur="0.9s" repeatCount="indefinite" values="M352,232 Q373,285 362,350; M352,232 Q387,271 390,322; M352,232 Q401,285 418,350; M352,232 Q387,299 390,378; M352,232 Q373,285 362,350"/>
</path>
<g transform="translate(250,350)">
<circle r="80" fill="#f3f7f4" opacity="0.35"/>
<circle r="80" fill="none" stroke="#3c4450" stroke-width="7"/>
<circle r="71" fill="none" stroke="#e2e7ec" stroke-width="2"/>
<g>
<animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.9s" repeatCount="indefinite"/>
<g stroke="#a4acb7" stroke-width="3" stroke-linecap="round">
<line x1="0" y1="-71" x2="0" y2="71"/>
<line x1="-71" y1="0" x2="71" y2="0"/>
<line x1="-50" y1="-50" x2="50" y2="50"/>
<line x1="50" y1="-50" x2="-50" y2="50"/>
</g>
<circle r="9" fill="#5b6472"/>
<circle r="3.6" fill="#e8ecf1"/>
<rect x="60" y="-6" width="15" height="12" rx="4" fill="#f26b4e" transform="rotate(24 67 0)"/>
</g>
</g>
<g transform="translate(560,350)">
<circle r="80" fill="#f3f7f4" opacity="0.35"/>
<circle r="80" fill="none" stroke="#3c4450" stroke-width="7"/>
<circle r="71" fill="none" stroke="#e2e7ec" stroke-width="2"/>
<g>
<animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.9s" repeatCount="indefinite"/>
<g stroke="#a4acb7" stroke-width="3" stroke-linecap="round">
<line x1="0" y1="-71" x2="0" y2="71"/>
<line x1="-71" y1="0" x2="71" y2="0"/>
<line x1="-50" y1="-50" x2="50" y2="50"/>
<line x1="50" y1="-50" x2="-50" y2="50"/>
</g>
<circle r="9" fill="#5b6472"/>
<circle r="3.6" fill="#e8ecf1"/>
<rect x="60" y="-6" width="15" height="12" rx="4" fill="#f26b4e" transform="rotate(24 67 0)"/>
</g>
</g>
<g fill="none" stroke="#8d95a2" stroke-width="3">
<path d="M250,343 L390,345"/>
<path d="M250,357 L390,355"/>
</g>
<circle cx="250" cy="350" r="11" fill="none" stroke="#7d8593" stroke-width="3"/>
<circle cx="390" cy="350" r="21" fill="none" stroke="#a8b0bb" stroke-width="3.5"/>
<g transform="translate(390,350)">
<g>
<animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.9s" repeatCount="indefinite"/>
<line x1="-27" y1="0" x2="27" y2="0" stroke="#7b8492" stroke-width="7" stroke-linecap="round"/>
</g>
</g>
<g fill="none" stroke="url(#frameG)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round">
<path d="M250,350 L335,250"/>
<path d="M335,250 L390,350"/>
<path d="M390,350 L250,350"/>
<path d="M335,250 L545,248"/>
<path d="M545,248 L390,350"/>
</g>
<path d="M545,248 L560,350" fill="none" stroke="#c9402f" stroke-width="8" stroke-linecap="round"/>
<path d="M552,262 L564,344" fill="none" stroke="#e2694a" stroke-width="4" stroke-linecap="round" opacity="0.85"/>
<path d="M335,250 L335,233" fill="none" stroke="#4b5260" stroke-width="7" stroke-linecap="round"/>
<path d="M303,232 Q330,220 357,231 L352,241 L308,241 Z" fill="#454c59"/>
<path d="M545,248 L543,216 Q542,205 552,204 L578,204" fill="none" stroke="#3c4450" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="570" y="196" width="17" height="9" rx="4.5" fill="#2f353f"/>
<g>
<animateMotion dur="0.9s" begin="-0.45s" repeatCount="indefinite" rotate="0" path="M418,350 C418,365.5 405.5,378 390,378 C374.5,378 362,365.5 362,350 C362,334.5 374.5,322 390,322 C405.5,322 418,334.5 418,350 Z"/>
<rect x="-10" y="-3" width="21" height="7" rx="3" fill="#414855"/>
<path d="M-5,-4 C-8,-13 2,-17 7,-12 C10,-8 7,-3 3,-3 Z" fill="#d98f31"/>
</g>
<path d="M338,228 Q394,283 418,350" fill="none" stroke="#f2a93c" stroke-width="8.5" stroke-linecap="round">
<animate attributeName="d" dur="0.9s" repeatCount="indefinite" values="M338,228 Q394,283 418,350; M338,228 Q380,297 390,378; M338,228 Q366,283 362,350; M338,228 Q380,269 390,322; M338,228 Q394,283 418,350"/>
</path>
<g>
<animateMotion dur="0.9s" repeatCount="indefinite" rotate="0" path="M418,350 C418,365.5 405.5,378 390,378 C374.5,378 362,365.5 362,350 C362,334.5 374.5,322 390,322 C405.5,322 418,334.5 418,350 Z"/>
<rect x="-11" y="-3" width="23" height="7" rx="3" fill="#4b5260"/>
<path d="M-6,-4 C-9,-14 2,-18 8,-13 C11,-8 8,-3 3,-3 Z" fill="#f2a93c"/>
</g>
<g>
<path d="M248,158 C206,138 168,120 142,110 C160,152 190,190 240,208 Z" fill="#f3efe1"/>
<path d="M240,170 C205,158 176,142 152,128 C168,160 196,188 238,198 Z" fill="#e7e1cf"/>
<ellipse cx="318" cy="182" rx="86" ry="57" fill="url(#bodyG)" stroke="#e3dcc9" stroke-width="2"/>
<path d="M286,148 C316,132 352,140 366,164 C340,152 306,150 286,148 Z" fill="#ffffff" opacity="0.6"/>
<path d="M350,152 Q372,132 392,116" fill="none" stroke="#fdfbf3" stroke-width="32" stroke-linecap="round"/>
<g>
<animateTransform attributeName="transform" type="rotate" values="0 262 162;-7 262 162;0 262 162" dur="1.15s" repeatCount="indefinite"/>
<path d="M258,150 C300,128 356,140 372,180 C336,214 282,214 252,190 Z" fill="#f7f3e7" stroke="#e4dcc9" stroke-width="2"/>
<path d="M256,184 C240,190 228,200 220,212 C236,210 250,202 260,194 Z" fill="#4c505a"/>
<path d="M266,196 C252,202 242,211 236,221 C250,218 262,210 270,202 Z" fill="#5b606b"/>
<path d="M272,166 C300,152 336,158 352,180" fill="none" stroke="#e7dfcb" stroke-width="2.5" stroke-linecap="round"/>
</g>
<g>
<animateTransform attributeName="transform" type="rotate" values="0 398 108;3 398 108;0 398 108;-2 398 108;0 398 108" dur="2.6s" repeatCount="indefinite"/>
<path d="M372,88 C358,76 353,62 360,51 C366,63 372,72 379,79 Z" fill="#f6f2e6"/>
<path d="M382,80 C372,68 370,55 377,45 C381,57 385,66 390,73 Z" fill="#efead9"/>
<ellipse cx="400" cy="108" rx="35" ry="31" fill="url(#bodyG)" stroke="#e3dcc9" stroke-width="2"/>
<g>
<animateTransform attributeName="transform" type="translate" values="0,0;0,5;0,0" dur="1.3s" repeatCount="indefinite"/>
<path d="M420,96 C456,104 494,120 520,132 C516,164 486,188 448,186 C424,172 416,130 420,96 Z" fill="url(#pouchG)"/>
<path d="M442,121 C462,127 486,131 502,135 C492,149 470,157 452,155 C444,144 440,130 442,121 Z" fill="#ffffff" opacity="0.18"/>
<path d="M424,104 C456,112 492,124 520,132" fill="none" stroke="#b9542f" stroke-width="2" opacity="0.45"/>
</g>
<path d="M430,94 C468,88 514,96 556,111 C546,120 520,125 498,122 C468,118 444,111 428,106 Z" fill="url(#beakG)"/>
<path d="M432,99 C470,95 512,101 552,112" fill="none" stroke="#d97726" stroke-width="2" opacity="0.45"/>
<path d="M538,110 C546,109 552,110 556,111 C552,116 546,119 540,121 Z" fill="#cf6a24"/>
<g>
<ellipse cx="411" cy="99" rx="6.5" ry="6.5" fill="#2a2b31">
<animate attributeName="ry" values="6.5;6.5;0.5;6.5" keyTimes="0;0.45;0.5;0.56" dur="4.5s" repeatCount="indefinite"/>
</ellipse>
<circle cx="413.4" cy="96.8" r="2.1" fill="#ffffff">
<animate attributeName="opacity" values="1;1;0;1" keyTimes="0;0.45;0.5;0.56" dur="4.5s" repeatCount="indefinite"/>
</circle>
</g>
</g>
</g>
</g>
</g>
</svg>