来看Ox Alph在dsh中创造吕布骑摩托的表现还有鹈鹕自行车

知止 2026-08-23 16:56 1

这个模型挺强的为了防止鹈鹕自行车单项优化 才有这种逆天测试 表现佬友自行判断

提示词就是用的鹈鹕的提示词

吕布骑摩托代码如下




总结


吕布骑摩托车 · 赤兔号 — SVG 2D 动画

html,body{
margin:0;min-height:100%;display:flex;flex-direction:column;
align-items:center;justify-content:center;background:#141a24;
font-family:"Microsoft YaHei",system-ui,sans-serif;gap:14px;padding:20px;
}
svg{width:min(96vw,1100px);height:auto;border-radius:16px;
box-shadow:0 24px 70px rgba(0,0,0,.55);}
.credit{color:#8fa3bf;font-size:13px;letter-spacing:1px;}

/* 车轮旋转 */

.spin{animation:spin .5s linear infinite;}

.spin-fast{animation:spin .44s linear infinite;}

@keyframes spin{to{transform:rotate(360deg)}}


/* 整车颠簸 */

.bob{animation:bob .55s ease-in-out infinite;}

@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}


/* 视差滚动层 */

.scroll-slow{animation:mSlide 38s linear infinite;}

.scroll-med{animation:hSlide 12s linear infinite;}

.scroll-posts{animation:pSlide 2s linear infinite;}

@keyframes mSlide{to{transform:translateX(-1000px)}}

@keyframes hSlide{to{transform:translateX(-800px)}}

@keyframes pSlide{to{transform:translateX(-260px)}}


@media (prefers-reduced-motion: reduce){

.spin,.spin-fast,.bob,.scroll-slow,.scroll-med,.scroll-posts{animation:none;}

}



吕布骑摩托车(赤兔号)

吕布 · 赤兔摩托

方天画戟在手,油门拧出千里走单骑






<!-- ---- 摩托车 ---- -->
<!-- 后轮 -->
<g>
<circle cx="395" cy="494" r="46" fill="none" stroke="#23262b" stroke-width="14"/>
<circle cx="395" cy="494" r="30" fill="#1c1f24" stroke="#9aa3ad" stroke-width="5"/>
<g stroke="#c9ced4" stroke-width="3.5">
<animateTransform attributeName="transform" type="rotate"
from="0 395 494" to="360 395 494" dur=".5s" repeatCount="indefinite"/>
<line x1="365" y1="494" x2="425" y2="494"/>
<line x1="380" y1="468" x2="410" y2="520"/>
<line x1="380" y1="520" x2="410" y2="468"/>
</g>
<circle cx="395" cy="494" r="13" fill="none" stroke="#d7dbe0" stroke-width="3"/>
<circle cx="395" cy="494" r="7" fill="#d9dde2"/>
</g>
<!-- 前轮 -->
<g>
<circle cx="655" cy="494" r="46" fill="none" stroke="#23262b" stroke-width="14"/>
<circle cx="655" cy="494" r="30" fill="#1c1f24" stroke="#9aa3ad" stroke-width="5"/>
<g stroke="#c9ced4" stroke-width="3.5">
<animateTransform attributeName="transform" type="rotate"
from="0 655 494" to="360 655 494" dur=".44s" repeatCount="indefinite"/>
<line x1="625" y1="494" x2="685" y2="494"/>
<line x1="640" y1="468" x2="670" y2="520"/>
<line x1="640" y1="520" x2="670" y2="468"/>
</g>
<circle cx="655" cy="494" r="13" fill="none" stroke="#d7dbe0" stroke-width="3"/>
<circle cx="655" cy="494" r="7" fill="#d9dde2"/>
</g>

<!-- 后摇臂 / 发动机 / 排气 -->
<line x1="398" y1="492" x2="468" y2="470" stroke="#39404c" stroke-width="9" stroke-linecap="round"/>
<path d="M452,432 L568,428 Q592,430 592,452 L588,470 Q584,484 566,486 L486,486 Q462,484 456,468 Z"
fill="#6a7382" stroke="#2e333b" stroke-width="2.5"/>
<g stroke="#2e333b" stroke-width="3" opacity=".55">
<line x1="466" y1="444" x2="548" y2="444"/>
<line x1="466" y1="454" x2="548" y2="454"/>
<line x1="470" y1="464" x2="540" y2="464"/>
</g>
<path d="M498,464 C462,482 424,484 392,470 L392,458 C424,472 462,470 498,452 Z"
fill="url(#chrome)" stroke="#6b7280" stroke-width="2"/>
<ellipse cx="390" cy="464" rx="7" ry="10" fill="#4a4f57"/>
<ellipse cx="390" cy="464" rx="4" ry="7" fill="#17191d"/>

<!-- 后挡泥板 / 尾翼 -->
<path d="M351,472 A47 47 0 0 1 439,470" fill="none" stroke="#d43b3b" stroke-width="9" stroke-linecap="round"/>
<path d="M405,432 L500,430 C505,442 490,448 470,447 L415,448 C402,446 400,438 405,432 Z"
fill="#22262c" stroke="#111317" stroke-width="1.5"/>
<path d="M405,432 L386,420 L398,414 L412,428 Z" fill="#d43b3b" stroke="#8f1d1d" stroke-width="1.5"/>
<circle cx="388" cy="422" r="3.5" fill="#ff5b5b">
<animate attributeName="opacity" values="1;.15;1" dur=".8s" repeatCount="indefinite"/>
</circle>

<!-- 油箱(赤兔号涂装) -->
<path d="M495,428 C505,404 545,398 588,404 C604,408 612,420 606,432 L500,438 Z"
fill="url(#tank)" stroke="#7d1414" stroke-width="2"/>
<path d="M500,432 C540,424 575,420 604,424" fill="none" stroke="#f1c04a" stroke-width="3" opacity=".9"/>
<text x="548" y="424" text-anchor="middle" font-size="15" font-weight="bold" fill="#ffffff"
transform="rotate(-4 548 420)" style="letter-spacing:4px">赤兔</text>

<!-- 前叉 / 车把 / 后视镜 / 大灯 -->
<rect x="630" y="394" width="26" height="10" rx="3" fill="#39404c"/>
<line x1="642" y1="400" x2="655" y2="488" stroke="#cfd6dd" stroke-width="6" stroke-linecap="round"/>
<line x1="654" y1="400" x2="663" y2="486" stroke="#cfd6dd" stroke-width="6" stroke-linecap="round"/>
<line x1="649" y1="452" x2="655" y2="488" stroke="#8f97a1" stroke-width="8" stroke-linecap="round"/>
<path d="M612,470 A47 47 0 0 1 700,468" fill="none" stroke="#d43b3b" stroke-width="9" stroke-linecap="round"/>
<line x1="640" y1="398" x2="618" y2="372" stroke="#2e333b" stroke-width="6" stroke-linecap="round"/>
<rect x="606" y="364" width="18" height="9" rx="4" fill="#22262c" transform="rotate(-8 615 368)"/>
<line x1="622" y1="370" x2="632" y2="344" stroke="#33383f" stroke-width="3"/>
<ellipse cx="636" cy="340" rx="8" ry="5" fill="#bcd7ea" stroke="#33383f" stroke-width="2"/>
<circle cx="664" cy="392" r="11" fill="#ffe9a8" stroke="#33383f" stroke-width="3"/>

<!-- 大灯光束(闪烁) -->
<polygon points="676,384 985,326 985,472 676,402" fill="url(#beam)" opacity=".35">
<animate attributeName="opacity" values=".25;.42;.25" dur="1.6s" repeatCount="indefinite"/>
</polygon>

<!-- ---- 吕布 ---- -->
<!-- 披风(SMIL 路径变形飘动) -->
<path fill="#d63b3b" stroke="#8f1d1d" stroke-width="2">
<animate attributeName="d" dur="1s" repeatCount="indefinite"
values="M456,338 C400,330 330,344 268,404 C318,398 372,394 428,402 C404,382 424,358 456,338 Z;
M456,338 C398,314 318,320 252,372 C310,384 368,396 426,404 C406,380 426,356 456,338 Z;
M456,338 C400,330 330,344 268,404 C318,398 372,394 428,402 C404,382 424,358 456,338 Z"/>
</path>

<!-- 方天画戟 -->
<g>
<line x1="412" y1="356" x2="318" y2="148" stroke="#8a5a2b" stroke-width="6" stroke-linecap="round"/>
<circle cx="384" cy="294" r="4" fill="#f1c04a" stroke="#b8860b"/>
<circle cx="356" cy="231" r="4" fill="#f1c04a" stroke="#b8860b"/>
<path d="M284,198 A44 44 0 0 1 356,194" fill="none" stroke="#d7dee5" stroke-width="8" stroke-linecap="round"/>
<polygon points="320,122 332,150 320,160 308,150" fill="url(#chrome)" stroke="#7c858e" stroke-width="1.5"/>
<!-- 红缨 -->
<g stroke="#e74c3c" stroke-width="4" fill="none" stroke-linecap="round">
<animateTransform attributeName="transform" type="rotate"
values="-6 320 168;7 320 168;-6 320 168" dur=".8s" repeatCount="indefinite"/>
<path d="M320,170 C310,190 306,206 310,224"/>
<path d="M320,170 C322,192 318,208 308,228"/>
<path d="M320,170 C330,188 334,204 328,222"/>
</g>
<circle cx="412" cy="356" r="4" fill="#5f3c1a"/>
</g>

<!-- 双雉鸡翎(摆动) -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="-7 462 290;8 462 290;-7 462 290" dur="1.2s" repeatCount="indefinite"/>
<path d="M462,290 C414,272 372,236 356,182 L366,178 C384,230 424,264 466,282 Z"
fill="#c73e3e" stroke="#7d1f14" stroke-width="2"/>
<g stroke="#ffffff" stroke-width="2" opacity=".5">
<line x1="398" y1="238" x2="408" y2="246"/>
<line x1="380" y1="218" x2="391" y2="224"/>
<line x1="416" y1="256" x2="425" y2="263"/>
</g>
</g>
<g>
<animateTransform attributeName="transform" type="rotate"
values="6 470 286;-8 470 286;6 470 286" dur=".95s" repeatCount="indefinite"/>
<path d="M470,286 C446,250 430,210 424,162 L434,161 C440,210 456,250 478,278 Z"
fill="#d84a3a" stroke="#7d1f14" stroke-width="2"/>
<g stroke="#ffffff" stroke-width="2" opacity=".5">
<line x1="436" y1="206" x2="446" y2="210"/>
<line x1="444" y1="234" x2="454" y2="237"/>
</g>
</g>

<!-- 左臂(后手持戟,画在躯干后) -->
<polyline points="452,354 420,376 404,342" fill="none" stroke="#8fa3b8"
stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>

<!-- 躯干铠甲 -->
<path d="M428,432 L448,428 L480,354 L458,342 L434,400 Z"
fill="url(#armor)" stroke="#39404c" stroke-width="2.5"/>
<path d="M458,352 L478,350 L474,376 L462,372 Z" fill="#f1c04a" stroke="#b8860b" stroke-width="1.5"/>
<!-- 腰带 -->
<path d="M430,404 L462,398 L466,412 L434,418 Z" fill="#8a5a2b" stroke="#5f3c1a" stroke-width="1.5"/>
<circle cx="448" cy="408" r="5" fill="#f1c04a" stroke="#b8860b"/>

<!-- 腿 + 战靴 + 脚踏 -->
<polyline points="438,428 510,458 504,502" fill="none" stroke="#55627a"
stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="512" y1="510" x2="536" y2="512" stroke="#8f97a1" stroke-width="5" stroke-linecap="round"/>
<path d="M496,496 L516,496 Q528,498 530,508 L494,510 Z" fill="#23262b"/>

<!-- 颈 / 头 -->
<line x1="470" y1="338" x2="474" y2="326" stroke="#e8b48c" stroke-width="8"/>
<circle cx="476" cy="308" r="19" fill="#ffd9b3" stroke="#d8a878" stroke-width="2"/>
<path d="M457,296 Q452,316 462,326 L470,320 Q462,310 464,298 Z" fill="#23262b"/>
<path d="M494,306 q6,4 0,8" fill="none" stroke="#d8a878" stroke-width="2"/>
<line x1="478" y1="300" x2="494" y2="296" stroke="#20242b" stroke-width="4" stroke-linecap="round"/>
<circle cx="488" cy="306" r="2.4" fill="#20242b"/>
<path d="M490,320 q6,3 10,-1" fill="none" stroke="#a86b4c" stroke-width="2.5" stroke-linecap="round"/>
<path d="M486,324 L494,331 L497,322 Z" fill="#2a2d33"/>

<!-- 束发金冠 -->
<path d="M456,294 L440,282 L450,296 L436,290 L452,300 Z" fill="#f1c04a" stroke="#b8860b"/>
<path d="M456,296 Q474,282 496,292 L497,299 Q475,290 457,303 Z"
fill="#f1c04a" stroke="#b8860b" stroke-width="1.5"/>
<circle cx="491" cy="295" r="3" fill="#e03e3e"/>

<!-- 右肩护甲 + 右臂握把 -->
<circle cx="470" cy="346" r="15" fill="url(#armor)" stroke="#39404c" stroke-width="2.5"/>
<circle cx="465" cy="342" r="1.8" fill="#6b7280"/>
<circle cx="474" cy="340" r="1.8" fill="#6b7280"/>
<circle cx="476" cy="350" r="1.8" fill="#6b7280"/>
<polyline points="466,350 520,374 604,368" fill="none" stroke="#8fa3b8"
stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="606" cy="368" r="8" fill="#cfd6dd" stroke="#6b7280" stroke-width="2"/>
<circle cx="404" cy="340" r="8" fill="#cfd6dd" stroke="#6b7280" stroke-width="2"/>


纯 SVG + CSS + SMIL 动画 · 无任何图片与脚本依赖




鹈鹕

最新回复 (1)
  • ChaoMixian 08-24 02:02
    1

    这个是真的强啊,除了轮子转反了。多模态的优势吧

* 帖子来源Linux.do
返回