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

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

代码语言：html

所属分类：其他

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

代码描述：三维中秋放飞孔明灯游戏

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

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>孔明灯祈愿 · 中秋</title>
<style>
  :root{
    --gold:#ffd28a;
    --warm:#ff9a3c;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html,body{
    width:100%;height:100%;overflow:hidden;background:#04050f;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    -webkit-tap-highlight-color:transparent;
  }
  canvas{display:block;touch-action:none;}

  /* ---------- HUD ---------- */
  #hud{
    position:fixed;inset:0;pointer-events:none;user-select:none;z-index:5;
  }
  #title{
    position:absolute;top:20px;left:50%;transform:translateX(-50%);
    color:var(--gold);font-size:19px;letter-spacing:10px;text-indent:10px;
    font-weight:300;white-space:nowrap;
    text-shadow:0 0 20px rgba(255,170,60,.9),0 0 44px rgba(255,120,30,.5);
    opacity:.95;
  }
  #scoreBox{
    position:absolute;top:16px;right:20px;text-align:right;
    color:var(--gold);
    text-shadow:0 0 16px rgba(255,160,50,.8);
  }
  #scoreLabel{font-size:11px;letter-spacing:4px;opacity:.65;}
  #scoreVal{
    font-size:30px;font-weight:600;line-height:1.1;
    font-variant-numeric:tabular-nums;
  }
  #scoreVal span{font-size:13px;font-weight:300;margin-left:3px;opacity:.75;}
  #hint{
    position:absolute;bottom:26px;left:50%;transform:translateX(-50%);
    color:rgba(255,215,160,.6);font-size:13px;letter-spacing:2px;white-space:nowrap;
    text-shadow:0 0 12px rgba(255,150,40,.5);
  }

  /* ---------- 遮罩层 ---------- */
  .overlay{
    position:fixed;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    background:radial-gradient(ellipse at 50% 42%, rgba(46,28,64,.5), rgba(4,5,15,.9));
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    z-index:10;text-align:center;padding:24px;
    transition:opacity .35s ease;
  }
  .overlay.hidden{opacity:0;pointer-events:none;}
  .overlay h1{
    color:#ffe0ad;font-size:clamp(24px,7vw,38px);font-weight:300;
    letter-spacing:12px;text-indent:12px;margin-bottom:18px;
    text-shadow:0 0 26px rgba(255,160,60,.95),0 0 64px rgba(255,110,20,.55);
  }
  .overlay p{
    color:rgba(255,220,180,.72);font-size:14px;letter-spacing:2px;line-height:2.1;
  }
  .overlay .sub{
    margin-top:18px;font-size:12.5px;color:rgba(255,205,160,.5);letter-spacing:2px;
  }
  #startBtn{
    margin-top:30px;padding:13px 46px;border-radius:999px;cursor:pointer;
    border:1px solid rgba(255,190,110,.55);
    background:linear-gradient(180deg, rgba(255,170,70,.22), rgba(255,120,30,.1));
    color:#ffdcaa;font-size:15px;letter-spacing:6px;text-indent:6px;
    font-family:inherit;
    box-shadow:0 0 26px rgba(255,150,50,.35), inset 0 0 20px rgba(255,170,70,.12);
    transition:all .25s ease;
  }
  #s.........完整代码请登录后点击上方下载按钮下载查看