• 知止

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

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

    吕布骑摩托代码如下

    总结

    吕布骑摩托车 · 赤兔号 — 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 动画 · 无任何图片与脚本依赖

    图片

    鹈鹕

    图片

    主楼
  • ChaoMixian

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

    #1

发表回复

登录后回复