贪吃蛇游戏：基于TypeScript的实现

贪吃蛇游戏是一款经典的小型游戏，玩家需要控制一条蛇在屏幕上移动，吃掉食物并避免撞到墙壁或自己的身体。在本文中，我们将使用TypeScript来实现这个游戏的逻辑。
首先，确保你已经安装了Node.js和npm。然后，创建一个新的项目文件夹，并在终端中进入该文件夹。接下来，初始化一个新的Node.js项目：

npm init -y

安装TypeScript和TSDX：

npm install -g typescript
npm install -g tsdx

创建一个新的TypeScript文件，比如snake.ts，并在其中添加以下代码：

import { rem, Pt } from '@amfe/html-element';
import { random } from 'tsdx';
import { Canvas, CanvasRenderingContext2D } from 'tsdx';
const canvas = Canvas.mount('#game');
const ctx = canvas.getContext('2d');
const boxSize = 20;
const boxCount = canvas.width / boxSize;
const boxRect = { w: boxSize, h: boxSize };
const start = { x: Math.floor(boxCount / 2), y: Math.floor(boxCount / 2) };
const snake = [{ x: start.x, y: start.y }];
const food = random({ count: 1, min: start, max: { x: boxCount - 1, y: boxCount - 1 } });
const dx = [0, 1, 0, -1];
const dy = [1, 0, -1, 0];
let moveDirection = 0;
let gameOver = false;
let score = 0;
let level = 1;
let maxLevel = 5;
let increaseSpeed = 500;
let gameSpeed = 200;
let foodSpeed = 300;
let snakeSpeed = level * 50;
let foodTimer = Date.now();
let gameTimer = Date.now();
let foodCounter = Date.now();
let gameCounter = Date.now();
let increaseCounter = Date.now();