2. Linux.do
  3. ds flash正式版的鹈鹕自行车,目前应该是最强了,自带变速器和暂停

ds flash正式版的鹈鹕自行车,目前应该是最强了,自带变速器和暂停

fu 2026-07-31 16:22 1

提示词:

创建一个HTML，内容是SVG绘制一个鹈鹕骑自行车的2D动画，放到本机dev目录，你不需要任何测试

codex接入

bash <(curl -fsSL https://cdn.deepseek.com/api-docs/codex-deepseek-setup.sh)

重启codex

运行时间6m42s(你flash哪里了?)


<!doctype html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>鹈鹕骑自行车 · SVG 2D 动画</title>

<style>

  :root{

    --wheel-dur:.85s;

    --crank-dur:2.2s;

    --stripe-dur:1.1s;

    --bush-dur:2.2s;

    --tree-dur:8.8s;

    --cloud-a-dur:14s;

    --cloud-b-dur:30s;

    --sun-dur:30s;

    --wing-dur:.9s;

    --bob-dur:.55s;

    --pouch-dur:.55s;

    --head-dur:3.2s;

  }

  *{ box-sizing:border-box; }

  body{

    margin:0;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:24px;

    background:linear-gradient(180deg,#d8f0ff 0%,#f4fbff 100%);

    font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;

    color:#17395c;

  }

  h1{

    margin:0;

    font-size:clamp(1.2rem,3vw,1.6rem);

    letter-spacing:.08em;

  }

  .stage{

    width:min(980px,100%);

    border-radius:20px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.7);

    box-shadow:0 16px 40px rgba(23,57,92,.22);

    background:linear-gradient(180deg,#8ed3f7,#eaf8ff);

  }

  .stage svg{ display:block; width:100%; height:auto; }

  .controls{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px 18px;

    background:rgba(255,255,255,.88);

    border-radius:999px;

    padding:10px 18px;

    box-shadow:0 8px 20px rgba(23,57,92,.14);

  }

  button{

    border:0;

    border-radius:999px;

    padding:9px 18px;

    background:#1d6fe0;

    color:#fff;

    font-size:.92rem;

    cursor:pointer;

  }

  button:hover{ background:#1654b0; }

  .speed-wrap{ display:flex; align-items:center; gap:8px; font-size:.88rem; }

  input[type=range]{ width:160px; accent-color:#1d6fe0; }

  #speedVal{ min-width:3.4em; font-variant-numeric:tabular-nums; }



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

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

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

  @keyframes flap{ 0%,100%{ transform:rotate(6deg); } 50%{ transform:rotate(-30deg); } }

  @keyframes headTilt{ from{ transform:rotate(-3deg); } to{ transform:rotate(5deg); } }

  @keyframes pouchPulse{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(1.14); } }

  @keyframes drift{ to{ transform:translateX(-240px); } }

  @keyframes driftTree{ to{ transform:translateX(-480px); } }

  @keyframes driftCloudA{ to{ transform:translateX(-320px); } }

  @keyframes driftCloudB{ to{ transform:translateX(-640px); } }

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



  .wheel-r{ transform-box:view-box; transform-origin:400px 360px; animation:spin var(--wheel-dur) linear infinite; }

  .wheel-f{ transform-box:view-box; transform-origin:560px 360px; animation:spin var(--wheel-dur) linear infinite; }

  .crank{ transform-box:view-box; transform-origin:478px 360px; animation:spin var(--crank-dur) linear infinite; }

  .pedal-r{ transform-box:view-box; transform-origin:516px 360px; animation:spin-rev var(--crank-dur) linear infinite; }

  .pedal-l{ transform-box:view-box; transform-origin:440px 360px; animation:spin-rev var(--crank-dur) linear infinite; }

  .stripes{ animation:drift var(--stripe-dur) linear infinite; }

  .bushes{ animation:drift var(--bush-dur) linear infinite; }

  .trees{ animation:driftTree var(--tree-dur) linear infinite; }

  .clouds-a{ animation:driftCloudA var(--cloud-a-dur) linear infinite; }

  .clouds-b{ animation:driftCloudB var(--cloud-b-dur) linear infinite; }

  .rays{ transform-box:view-box; transform-origin:150px 95px; animation:spinSun var(--sun-dur) linear infinite; }

  .rider{ animation:bob var(--bob-dur) ease-in-out infinite; }

  .wing{ transform-box:view-box; transform-origin:448px 302px; animation:flap var(--wing-dur) ease-in-out infinite; }

  .head{ transform-box:view-box; transform-origin:566px 232px; animation:headTilt var(--head-dur) ease-in-out infinite alternate; }

  .pouch{ transform-box:fill-box; transform-origin:top center; animation:pouchPulse var(--pouch-dur) ease-in-out infinite; }

  .paused, .paused *{ animation-play-state:paused !important; }

</style>

</head>

<body>

  <h1>鹈鹕骑自行车 🚲</h1>



  <div class="stage">

    <svg id="scene" viewBox="0 0 960 520" role="img" aria-labelledby="title desc">

      <title id="title">鹈鹕骑自行车的 2D 动画</title>

      <desc>一只白色鹈鹕骑着红色自行车在乡间小路上前进，轮子与踏板转动，翅膀扇动，云朵、树木和路面标线缓缓移动。</desc>



      <defs>

        <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">

          <stop offset="0" stop-color="#8ed3f7"/>

          <stop offset="1" stop-color="#eaf8ff"/>

        </linearGradient>

        <linearGradient id="roadGrad" x1="0" y1="0" x2="0" y2="1">

          <stop offset="0" stop-color="#97a1ad"/>

          <stop offset="1" stop-color="#7f8a97"/>

        </linearGradient>

      </defs>



      <!-- 天空 -->

      <rect x="0" y="0" width="960" height="520" fill="url(#skyGrad)"/>



      <!-- 太阳 -->

      <circle cx="150" cy="95" r="56" fill="#ffd166" opacity=".25"/>

      <g class="rays" stroke="#ffd166" stroke-width="6" stroke-linecap="round" opacity=".85">

        <line x1="150" y1="95" x2="214" y2="95"/>

        <line x1="150" y1="95" x2="205.4" y2="127"/>

        <line x1="150" y1="95" x2="182" y2="150.4"/>

        <line x1="150" y1="95" x2="150" y2="159"/>

        <line x1="150" y1="95" x2="118" y2="150.4"/>

        <line x1="150" y1="95" x2="94.6" y2="127"/>

        <line x1="150" y1="95" x2="86" y2="95"/>

        <line x1="150" y1="95" x2="94.6" y2="63"/>

        <line x1="150" y1="95" x2="118" y2="39.6"/>

        <line x1="150" y1="95" x2="150" y2="31"/>

        <line x1="150" y1="95" x2="182" y2="39.6"/>

        <line x1="150" y1="95" x2="205.4" y2="63"/>

      </g>

      <circle cx="150" cy="95" r="36" fill="#ffd166" stroke="#f6b73c" stroke-width="3"/>



      <!-- 云层（近层） -->

      <g class="clouds-a" fill="#ffffff" opacity=".92">

        <g class="cloud" transform="translate(40,70)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

        <g class="cloud" transform="translate(360,130)">

          <ellipse cx="0" cy="2" rx="26" ry="10"/>

          <circle cx="-16" cy="-7" r="12"/>

          <circle cx="5" cy="-11" r="15"/>

          <circle cx="19" cy="-5" r="10"/>

        </g>

        <g class="cloud" transform="translate(680,92)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

        <g class="cloud" transform="translate(1000,70)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

        <g class="cloud" transform="translate(1320,130)">

          <ellipse cx="0" cy="2" rx="26" ry="10"/>

          <circle cx="-16" cy="-7" r="12"/>

          <circle cx="5" cy="-11" r="15"/>

          <circle cx="19" cy="-5" r="10"/>

        </g>

      </g>



      <!-- 云层（远层） -->

      <g class="clouds-b" fill="#ffffff" opacity=".72">

        <g class="cloud" transform="translate(120,170) scale(.8)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

        <g class="cloud" transform="translate(760,150) scale(.68)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

        <g class="cloud" transform="translate(1400,170) scale(.8)">

          <ellipse cx="0" cy="2" rx="30" ry="12"/>

          <circle cx="-18" cy="-8" r="14"/>

          <circle cx="6" cy="-13" r="17"/>

          <circle cx="22" cy="-6" r="11"/>

        </g>

      </g>



      <!-- 远山 -->

      <path d="M0 360 Q160 300 360 344 T960 330 L960 420 L0 420 Z" fill="#b7dd9d" opacity=".8"/>

      <path d="M0 392 Q240 340 520 380 T960 372 L960 420 L0 420 Z" fill="#9ed27f" opacity=".9"/>



      <!-- 山坡小树（视差层） -->

      <g class="trees">

        <g transform="translate(80,350)">

          <rect x="-3" y="-30" width="6" height="14" rx="2" fill="#8a6748"/>

          <circle cx="0" cy="-44" r="15" fill="#4f9d4a"/>

          <circle cx="-12" cy="-36" r="11" fill="#3f8a41"/>

          <circle cx="12" cy="-36" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(560,350)">

          <rect x="-3" y="-26" width="6" height="12" rx="2" fill="#8a6748"/>

          <circle cx="0" cy="-38" r="13" fill="#5aa852"/>

          <circle cx="-10" cy="-31" r="10" fill="#4f9d4a"/>

          <circle cx="10" cy="-31" r="10" fill="#4f9d4a"/>

        </g>

        <g transform="translate(1040,350)">

          <rect x="-3" y="-30" width="6" height="14" rx="2" fill="#8a6748"/>

          <circle cx="0" cy="-44" r="15" fill="#4f9d4a"/>

          <circle cx="-12" cy="-36" r="11" fill="#3f8a41"/>

          <circle cx="12" cy="-36" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(1520,350)">

          <rect x="-3" y="-26" width="6" height="12" rx="2" fill="#8a6748"/>

          <circle cx="0" cy="-38" r="13" fill="#5aa852"/>

          <circle cx="-10" cy="-31" r="10" fill="#4f9d4a"/>

          <circle cx="10" cy="-31" r="10" fill="#4f9d4a"/>

        </g>

      </g>



      <!-- 草地与道路 -->

      <rect x="0" y="392" width="960" height="26" fill="#7fbf5f"/>

      <rect x="0" y="414" width="960" height="106" fill="url(#roadGrad)"/>

      <line x1="0" y1="414" x2="960" y2="414" stroke="#5f6b78" stroke-width="3"/>



      <!-- 路面虚线 -->

      <g class="stripes" fill="#f8fafc" opacity=".85">

        <rect x="0" y="470" width="90" height="12" rx="6"/>

        <rect x="120" y="470" width="90" height="12" rx="6"/>

        <rect x="240" y="470" width="90" height="12" rx="6"/>

        <rect x="360" y="470" width="90" height="12" rx="6"/>

        <rect x="480" y="470" width="90" height="12" rx="6"/>

        <rect x="600" y="470" width="90" height="12" rx="6"/>

        <rect x="720" y="470" width="90" height="12" rx="6"/>

        <rect x="840" y="470" width="90" height="12" rx="6"/>

        <rect x="960" y="470" width="90" height="12" rx="6"/>

        <rect x="1080" y="470" width="90" height="12" rx="6"/>

      </g>



      <!-- 路边灌木（视差层） -->

      <g class="bushes">

        <g transform="translate(40,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(160,0)">

          <circle cx="0" cy="-12" r="13" fill="#5aa852"/>

          <circle cx="-12" cy="-7" r="9" fill="#4f9d4a"/>

          <circle cx="12" cy="-6" r="9" fill="#478f45"/>

        </g>

        <g transform="translate(280,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(400,0)">

          <circle cx="0" cy="-12" r="13" fill="#5aa852"/>

          <circle cx="-12" cy="-7" r="9" fill="#4f9d4a"/>

          <circle cx="12" cy="-6" r="9" fill="#478f45"/>

        </g>

        <g transform="translate(520,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(640,0)">

          <circle cx="0" cy="-12" r="13" fill="#5aa852"/>

          <circle cx="-12" cy="-7" r="9" fill="#4f9d4a"/>

          <circle cx="12" cy="-6" r="9" fill="#478f45"/>

        </g>

        <g transform="translate(760,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(880,0)">

          <circle cx="0" cy="-12" r="13" fill="#5aa852"/>

          <circle cx="-12" cy="-7" r="9" fill="#4f9d4a"/>

          <circle cx="12" cy="-6" r="9" fill="#478f45"/>

        </g>

        <g transform="translate(1000,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

        <g transform="translate(1120,0)">

          <circle cx="0" cy="-12" r="13" fill="#5aa852"/>

          <circle cx="-12" cy="-7" r="9" fill="#4f9d4a"/>

          <circle cx="12" cy="-6" r="9" fill="#478f45"/>

        </g>

        <g transform="translate(1240,0)">

          <circle cx="0" cy="-14" r="15" fill="#4f9d4a"/>

          <circle cx="14" cy="-8" r="11" fill="#3f8a41"/>

        </g>

      </g>



      <!-- ===== 骑车人与自行车 ===== -->

      <g class="rider">



        <!-- 后轮 -->

        <g>

          <circle cx="400" cy="360" r="58" fill="none" stroke="#2f3542" stroke-width="11"/>

          <circle cx="400" cy="360" r="49" fill="none" stroke="#7a8494" stroke-width="3"/>

          <g class="wheel-r" stroke="#9aa5b5" stroke-width="2.5">

            <line x1="400" y1="360" x2="446" y2="360"/>

            <line x1="400" y1="360" x2="432.5" y2="392.5"/>

            <line x1="400" y1="360" x2="400" y2="406"/>

            <line x1="400" y1="360" x2="367.5" y2="392.5"/>

            <line x1="400" y1="360" x2="354" y2="360"/>

            <line x1="400" y1="360" x2="367.5" y2="327.5"/>

            <line x1="400" y1="360" x2="400" y2="314"/>

            <line x1="400" y1="360" x2="432.5" y2="327.5"/>

            <circle cx="446" cy="360" r="3.5" fill="#2f3542" stroke="none"/>

          </g>

          <circle cx="400" cy="360" r="7" fill="#2f3542"/>

        </g>



        <!-- 前轮 -->

        <g>

          <circle cx="560" cy="360" r="58" fill="none" stroke="#2f3542" stroke-width="11"/>

          <circle cx="560" cy="360" r="49" fill="none" stroke="#7a8494" stroke-width="3"/>

          <g class="wheel-f" stroke="#9aa5b5" stroke-width="2.5">

            <line x1="560" y1="360" x2="606" y2="360"/>

            <line x1="560" y1="360" x2="592.5" y2="392.5"/>

            <line x1="560" y1="360" x2="560" y2="406"/>

            <line x1="560" y1="360" x2="527.5" y2="392.5"/>

            <line x1="560" y1="360" x2="514" y2="360"/>

            <line x1="560" y1="360" x2="527.5" y2="327.5"/>

            <line x1="560" y1="360" x2="560" y2="314"/>

            <line x1="560" y1="360" x2="592.5" y2="327.5"/>

            <circle cx="606" cy="360" r="3.5" fill="#2f3542" stroke="none"/>

          </g>

          <circle cx="560" cy="360" r="7" fill="#2f3542"/>

        </g>



        <!-- 车架 -->

        <g fill="none" stroke="#e8543f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round">

          <path d="M400 360 L452 330"/>

          <path d="M452 330 L478 360"/>

          <path d="M400 360 L478 360"/>

          <path d="M478 360 L560 318"/>

          <path d="M452 330 L560 318"/>

          <path d="M560 318 L560 360"/>

          <path d="M560 318 C568 306 584 302 598 304"/>

        </g>



        <!-- 坐垫 -->

        <g>

          <line x1="452" y1="334" x2="452" y2="328" stroke="#e8543f" stroke-width="7" stroke-linecap="round"/>

          <ellipse cx="452" cy="326" rx="17" ry="6" fill="#33404d"/>

        </g>



        <!-- 车把 -->

        <g>

          <circle cx="560" cy="318" r="6" fill="#e8543f"/>

          <line x1="592" y1="303" x2="604" y2="308" stroke="#33404d" stroke-width="9" stroke-linecap="round"/>

        </g>



        <!-- 链条与后飞轮 -->

        <g stroke="#3c4550" stroke-width="4.5" fill="none">

          <line x1="400" y1="344" x2="478" y2="344" stroke-dasharray="5 3"/>

          <line x1="400" y1="376" x2="478" y2="376" stroke-dasharray="5 3"/>

        </g>

        <circle cx="400" cy="360" r="11" fill="#3c4550"/>



        <!-- 曲柄组：牙盘 + 腿 + 踏板（逆时针反馈让踏板保持水平） -->

        <g class="crank">

          <g stroke="#2f3542" stroke-width="7" stroke-linecap="round">

            <line x1="478" y1="360" x2="516" y2="360"/>

            <line x1="478" y1="360" x2="440" y2="360"/>

          </g>

          <g stroke="#f97316" stroke-width="11" fill="none" stroke-linecap="round">

            <path d="M478 360 Q478 328 516 360"/>

            <path d="M478 360 Q478 328 440 360"/>

          </g>

          <circle cx="478" cy="360" r="24" fill="none" stroke="#4a5560" stroke-width="4" stroke-dasharray="4 3"/>

          <circle cx="478" cy="360" r="22" fill="#d7dde4" stroke="#4a5560" stroke-width="5"/>

          <circle cx="478" cy="360" r="9" fill="#4a5560"/>



          <g class="pedal-r">

            <line x1="509" y1="360" x2="523" y2="360" stroke="#232a32" stroke-width="6" stroke-linecap="round"/>

            <rect x="509" y="354" width="15" height="12" rx="6" fill="#f59e0b" stroke="#b45309" stroke-width="2"/>

          </g>

          <g class="pedal-l">

            <line x1="433" y1="360" x2="447" y2="360" stroke="#232a32" stroke-width="6" stroke-linecap="round"/>

            <rect x="433" y="354" width="15" height="12" rx="6" fill="#f59e0b" stroke="#b45309" stroke-width="2"/>

          </g>

        </g>



        <!-- 尾巴 -->

        <g fill="#e8eef6" stroke="#9aa8b8" stroke-width="2.5">

          <path d="M432 300 C404 292 372 296 356 306 C382 302 410 304 430 310 Z"/>

          <path d="M430 320 C400 318 372 330 362 344 C382 336 408 336 428 340 Z"/>

        </g>



        <!-- 身体 -->

        <ellipse cx="468" cy="310" rx="52" ry="46" fill="#fbfdff" stroke="#9aa8b8" stroke-width="3"/>

        <ellipse cx="470" cy="328" rx="38" ry="24" fill="#dbe5f0" opacity=".55"/>



        <!-- 翅膀 -->

        <g class="wing">

          <path d="M444 302 C402 276 356 298 362 326 C370 350 416 342 448 322 Z" fill="#e6eef7" stroke="#9aa8b8" stroke-width="3"/>

          <g fill="none" stroke="#b7c6da" stroke-width="2" stroke-linecap="round">

            <path d="M444 302 C420 300 392 310 376 318"/>

            <path d="M444 306 C420 312 398 322 386 330"/>

            <path d="M446 312 C428 322 410 330 398 336"/>

          </g>

        </g>



        <!-- 脖子与头 -->

        <path d="M500 290 C516 252 546 232 570 226" fill="none" stroke="#9aa8b8" stroke-width="36" stroke-linecap="round"/>

        <path d="M500 290 C516 252 546 232 570 226" fill="none" stroke="#fbfdff" stroke-width="30" stroke-linecap="round"/>



        <g class="head">

          <path d="M560 196 C552 184 548 172 554 162 C556 176 562 186 568 194 Z" fill="#e6eef7" stroke="#9aa8b8" stroke-width="2"/>

          <circle cx="578" cy="216" r="26" fill="#fbfdff" stroke="#9aa8b8" stroke-width="3"/>



          <!-- 上喙 -->

          <path d="M600 208 L716 214 C724 222 714 232 700 234 L602 226 Z" fill="#f59e0b" stroke="#d97706" stroke-width="3" stroke-linejoin="round"/>

          <line x1="616" y1="212" x2="612" y2="218" stroke="#d97706" stroke-width="2"/>



          <!-- 喉囊 -->

          <path class="pouch" d="M602 226 C630 250 678 252 700 234 C672 244 632 242 602 226 Z" fill="#fb923c" stroke="#ea580c" stroke-width="2.5" stroke-linejoin="round"/>



          <circle cx="594" cy="206" r="5" fill="#1f2937"/>

          <circle cx="592.8" cy="204.6" r="1.7" fill="#ffffff"/>

          <path d="M586 196 C592 192 600 192 606 196" fill="none" stroke="#7c8aa0" stroke-width="2.5" stroke-linecap="round"/>

        </g>

      </g>

    </svg>

  </div>



  <div class="controls">

    <button id="playBtn" type="button" aria-pressed="true">⏸ 暂停</button>

    <div class="speed-wrap">

      <label for="speed">速度</label>

      <input id="speed" type="range" min="0.25" max="2.5" step="0.05" value="1">

      <span id="speedVal">1.00×</span>

    </div>

  </div>



<script>

  const svg = document.getElementById('scene');

  const slider = document.getElementById('speed');

  const speedVal = document.getElementById('speedVal');

  const btn = document.getElementById('playBtn');

  const bases = {

    wheel: .85, crank: 2.2, stripe: 1.1, bush: 2.2, tree: 8.8,

    cloudA: 14, cloudB: 30, sun: 30, wing: .9, bob: .55, pouch: .55, head: 3.2

  };

  function applySpeed() {

    const f = parseFloat(slider.value);

    for (const key in bases) {

      svg.style.setProperty('--' + key + '-dur', (bases[key] / f) + 's');

    }

    speedVal.textContent = f.toFixed(2) + '×';

  }

  slider.addEventListener('input', applySpeed);

  applySpeed();



  btn.addEventListener('click', function () {

    const paused = document.body.classList.toggle('paused');

    btn.textContent = paused ? '▶ 播放' : '⏸ 暂停';

    btn.setAttribute('aria-pressed', String(!paused));

  });



  if (window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches) {

    document.body.classList.add('paused');

    btn.textContent = '▶ 播放';

    btn.setAttribute('aria-pressed', 'false');

  }

</script>

</body>

</html>

带着变速器,还行,也做了一个codereview,速度很快,大问题都可以找到,这个性价比无敌了,目前国内性价比第一,能力第二(略逊k3)

最新回复 (19)
  • fulu 07-31 16:29
    1楼



    怎么没有脚

  • 和泉纱雾 07-31 16:32
    2楼

    啊这opencode里的ds-free貌似不太妙

  • lll9p 07-31 16:34
    3楼

    opencode go还没升级呢吧，用的自部署的模型

  • Alixy 07-31 16:35
    4楼


    是的，onepagent里max出来的

  • Elon1 07-31 16:36
    5楼



    我的这个也很可爱吧

  • Beokay 07-31 16:37
    6楼







    没有对比就没有伤害 ^-^

  • qhongchen 07-31 16:39
    7楼

    ^-^ 绝了，第三个是什么模型，也太拉了

  • micluo 07-31 16:40
    8楼

    谢谢佬友的测试，我用火山订阅来用GLM5.2，好用是好用，但已经把月限额用完了，不够用，ds flash 如果无限接近GLM5.2，那真是好消息。

  • glan chow 07-31 16:40
    9楼

    第一个是什么模型，看起来还不错哎

  • Beokay 07-31 16:41
    10楼

    5.6sol，不过我是接入workbuddy跑出来的，花了6分25秒

  • Beokay 07-31 16:42
    11楼

    第三个跑出来差点给我笑掉大牙，是用grok4.5跑的，好玩的

  • El_ 07-31 16:43
    12楼

    感觉现在grok又成答辩了，上午用cursor里的grok4.5改的东西简直一坨

  • qhongchen 07-31 16:44
    13楼

    ^-^ grok4.5自从被注册机薅了一波之后就开始流口水

  • luoyang 07-31 16:45
    14楼



    用copilot接入的v4flash效果

  • Beokay 07-31 16:45
    15楼

    最近确实流口水，改bug我还是最喜欢用grok，现在不适用用它。

  • point 07-31 16:46
    16楼



    我用其他模型生成的，看着还可以

  • yyjeqhc 07-31 16:47
    17楼

    它已经是历史了，不好注册，智商还下降了。

  • Beokay 07-31 16:47
    18楼

    Wow,your pelican is flying!!!

  • 2Qs 07-31 16:48
    19楼



    有点奇怪，接入的 cc

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐