three做个三维中秋兔子奔月收集月饼跑酷游戏代码-html代码-BFW代码库

three做个三维中秋兔子奔月收集月饼跑酷游戏代码

代码语言：html

所属分类：其他

代码由mimo-2.6 ai生成，可能有错误，仅供参考：点击查看提示词

代码描述：三维中秋兔子奔月收集月饼跑酷游戏

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>玉兔逐月 · Moon Runner</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@400;700&display=swap" rel="stylesheet">
<style>
  :root{
    --night:#0b1026; --ink:#e8e6ff; --dim:#9aa2d0;
    --gold:#ffd479; --jade:#8fe3c9; --card:rgba(20,26,58,.72);
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
  html,body{margin:0;height:100%;overflow:hidden;background:var(--night);
    font-family:'Noto Sans SC',system-ui,sans-serif;color:var(--ink);}
  canvas{display:block;}

  /* ---------- HUD ---------- */
  #hud{position:fixed;top:0;left:0;right:0;display:flex;gap:10px;
    padding:14px 16px;pointer-events:none;z-index:5;}
  .chip{background:var(--card);border:1px solid rgba(255,212,121,.28);
    border-radius:999px;padding:6px 14px;font-size:13px;letter-spacing:.06em;
    backdrop-filter:blur(8px);color:var(--dim);}
  .chip b{color:var(--gold);font-size:16px;margin-left:4px;font-variant-numeric:tabular-nums;}
  #hud .chip:last-child{margin-left:auto;}
  #btnMute{margin-left:8px;pointer-events:auto;cursor:pointer;}

  /* ---------- 面板 ---------- */
  .panel{position:fixed;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:14px;z-index:10;
    background:radial-gradient(ellipse at 50% 30%, rgba(40,44,99,.55), rgba(8,11,28,.86));
    backdrop-filter:blur(3px);text-align:center;padding:24px;}
  .panel[hidden]{display:none;}
  h1{font-family:'ZCOOL KuaiLe',cursive;font-size:clamp(44px,9vw,88px);
    margin:0;letter-spacing:.10em;color:var(--gold);
    text-shadow:0 0 26px rgba(255,212,121,.35);}
  .sub{color:var(--dim);margin:0;letter-spacing:.18em;font-size:14px;}
  .keys{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0 4px;}
  .key{background:var(--card);border:1px solid rgba(143,227,201,.25);border-radius:12px;
    padding:10px 14px;font-size:13px;color:var(--ink);min-width:120px;}
  .key span{display:block;color:var(--jade);font-size:11px;letter-spacing:.14em;margin-bottom:4px;}
  button{font-family:inherit;font-size:18px;letter-spacing:.14em;cursor:pointer;
    color:#241a05;background:linear-gradient(180deg,#ffe6a6,#ffc95e);
    border:none;border-radius:999px;padding:14px 44px;font-weight:700;
    box-shadow:0 8px 24px rgba(255,201,94,.28);transition:transform .15s ease;}
  button:hover{transform:translateY(-2px);}
  button:active{transform:t.........完整代码请登录后点击上方下载按钮下载查看