HTML部分:
html
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>俄罗斯方块</title>
</head>
<body>
<canvas id="canvas" width="600" height="400"></canvas>
<script src="tetris.js"></script>
</body>
</html>
// 定义画布和上下文
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const gridSize = 10; // 每个方块的大小为10x10个像素点
const blockColors = [
"#000000", // 黑色
"#FF0000", // 红色
"#00FF00", // 绿色
"#FFFF00", // 黄色
"#0000FF", // 蓝色
"#FF00FF", // 紫色
"#00FFFF", // 青色
"#C0C0C0", // 灰色
]; // 所有方块的颜色列表
const board = new Array(20).fill(null); // 游戏棋盘,初始化为空数组
let currentBlock; // 当