three做个三维中秋节快乐场景代码-html代码-BFW代码库

three做个三维中秋节快乐场景代码

代码语言：html

所属分类：其他

代码由claude-5 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">
<title>中秋月圆之夜 · 一家团圆</title>
<style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html, body { width: 100%; height: 100%; overflow: hidden; background: #050814; font-family: "Songti SC", "SimSun", "Noto Serif SC", serif; }
    canvas { display: block; }
    #ui {
        position: fixed; left: 24px; top: 22px; z-index: 10; color: #ffe9b8;
        text-shadow: 0 2px 10px rgba(0,0,0,.8); pointer-events: none;
    }
    #ui h1 { font-size: 28px; font-weight: 400; letter-spacing: 6px; }
    #ui p { margin-top: 6px; font-size: 14px; color: #f6d48a; letter-spacing: 3px; opacity: .9; }
    #hint {
        position: fixed; left: 24px; bottom: 22px; z-index: 10; color: #eed9a8;
        font-size: 13px; line-height: 1.8; background: rgba(8,10,20,.35);
        padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(255,210,120,.25);
        backdrop-filter: blur(6px);
    }
    #poem {
        position: fixed; right: 28px; top: 28px; z-index: 10; color: #ffe7b0;
        writing-mode: vertical-rl; letter-spacing: 8px; font-size: 18px;
        text-shadow: 0 2px 12px rgba(0,0,0,.85); opacity: .92;
    }
    #fireBtn {
        position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%);
        z-index: 12; padding: 12px 28px; border: 0; border-radius: 999px;
        background: linear-gradient(180deg, #ffd27a, #e08a2a);
        color: #3a2208; font-size: 16px; letter-spacing: 4px; cursor: pointer;
        box-shadow: 0 8px 24px rgba(255,160,40,.35);
    }
    #fireBtn:hover { filter: brightness(1.08); }
</style>
</head>
<body>
<div id="ui">
    <h1>中秋月圆</h1>
    <p>一家团圆 · 庭院赏月 · 烟花满天</p>
</.........完整代码请登录后点击上方下载按钮下载查看