iaun
/
ball-block-breaker


			
				
					
						
						
							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>