| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="x5-fullscreen" content="true">
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
- <title>小球消除方块</title>
- <link rel="preload" href="DIN1451.ttf" type="font/ttf" crossorigin="anonymous" as="font">
- <link rel="stylesheet" href="style.css">
- </head>
- <body>
- <div id="contain">
- <div id="header" class="header">
- <p id="level">1</p>
- </div>
- <canvas id="can" width="0" height="0"></canvas>
- <div id="footer" class="footer">
- <p id="ball-count"></p>
- </div>
- </div>
- <!-- 模式选择覆盖层 -->
- <div id="mode-selector" class="overlay">
- <div class="overlay-content">
- <h2 class="overlay-title">选择游戏模式</h2>
- <button class="mode-btn" data-mode="1">经典模式</button>
- <button class="mode-btn" data-mode="2">增强模式</button>
- </div>
- </div>
- <!-- 游戏结束覆盖层 -->
- <div id="game-over" class="overlay" style="display: none;">
- <div class="overlay-content">
- <h2 class="overlay-title">游戏结束</h2>
- <p id="final-score" class="final-score"></p>
- <button id="restart-btn" class="mode-btn">重新开始</button>
- </div>
- </div>
- <script type="module" src="src/main.js"></script>
- </body>
- </html>
|
