three做个三维中秋放飞孔明灯游戏代码-html代码-BFW代码库

three做个三维中秋放飞孔明灯游戏代码

代码语言：html

所属分类：其他

代码由qwen-3.8-max 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>孔明灯祈愿 · 中秋上升躲避</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏮</text></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;600;900&display=swap" rel="stylesheet">
<style>
  :root{
    --gold:#f6cf8c; --gold2:#ffe6b3; --ember:#ff8a3d; --seal:#b83a2b; --ink:#070b1a;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#05070f;
    font-family:'Noto Serif SC',serif;color:#eadfc8;-webkit-user-select:none;user-select:none}
  canvas{position:fixed;inset:0;display:block;touch-action:none}

  /* ── 氛围层 ── */
  #vig{position:fixed;inset:0;z-index:2;pointer-events:none;
    background:radial-gradient(ellipse at 50% 45%, transparent 55%, rgba(3,4,12,.55) 100%)}
  #flash{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .14s;
    background:radial-gradient(circle at 50% 55%, rgba(255,120,50,.55), rgba(140,20,10,.25) 45%, transparent 75%)}
  #flash.on{opacity:1}

  /* ── 对局 HUD ── */
  #hud{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .45s}
  body.play #hud{opacity:1}
  #brand{position:fixed;top:18px;left:16px;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}
  #brand .seal{writing-mode:horizontal-tb;width:30px;height:30px;background:var(--seal);color:#ffe9c4;
    display:grid;place-items:center;border-radius:5px;font-size:17px;font-weight:600;
    box-shadow:0 0 14px rgba(184,58,43,.6)}
  #brand .bt{font-family:'Ma Shan Zheng';letter-spacing:.3em;font-size:clamp(18px,3.2vh,26px);
    color:var(--gold);text-shadow:0 0 14px rgba(255,170,80,.45)}
  #altBox{position:fixed;top:14px;right:18px;text-align:right}
  #altBox .lbl{display:block;font-size:11px;letter-spacing:.55em;color:rgba(246,207,140,.75)}
  #altNum{font-size:clamp(30px,6.5vw,48px);font-weight:900;color:#fff3da;line-height:1.05;
    text-shadow:0 0 18px rgba(255,170,80,.55);font-variant-numeric:tabular-nums}
  #altBox .unit{font-size:14px;color:var(--gold);margin-left:5px}
  #hint{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;
    font-size:12.5px;letter-spacing:.18em;color:rgba(240,225,195,.85);
    background:rgba(10,14,32,.55);border:1px solid rgba(246,207,140,.28);
    padding:.65em 1.5em;border-radius:999px}

  /* ── 里程碑祝福 ── */
  #wish{position:fixed;top:25%;left:50%;transform:translate(-50%,12px);z-index:5;pointer-events:none;
    font-family:'Ma Shan Zheng';font-size:clamp(22px,4.6vw,42px);letter-spacing:.2em;color:var(--gold2);
    text-shadow:0 0 22px rgba(255,160,70,.75);opacity:0}
  #wish.show{animation.........完整代码请登录后点击上方下载按钮下载查看