HTML5是一種用于構建和布置內容的語言，而其中的游戲代碼則是HTML5的一大亮點。下面來介紹一些HTML5的最經典的游戲代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>貪吃蛇</title>
<style>
canvas {
border: solid 1px #333;
}
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>
<script>
//創建畫布、上下文
var canvas = document.getElementById("gameCanvas");
var ctx = canvas.getContext("2d");
//游戲參數
var snakeSize = 20;
var w = 500;
var h = 500;
var score = 0;
var snake;
var food;
//初始化游戲
function init(){
var snakeLength = 5;
snake = [];
for(var i=snakeLength-1;i>=0;i--){
snake.push({x:i,y:0});
}
createFood();
score = 0;
}
function createFood(){
food = {
x: Math.floor(Math.random()*w/snakeSize),
y: Math.floor(Math.random()*h/snakeSize)
}
}
//游戲循環
function gameLoop(){
ctx.clearRect(0,0,w,h);
//移動蛇
var headX = snake[0].x;
var headY = snake[0].y;
headX++;
var tail = snake.pop();
tail.x = headX;
snake.unshift(tail);
//畫蛇
for(var i=0;i上面的代碼是經典的貪吃蛇游戲代碼。其中，canvas標簽是HTML5的畫布標簽，通過JavaScript語言操作canvas，可以繪制出圖形，實現游戲的效果。通過setInterval函數，游戲可以自動進行循環，不斷更新游戲的狀態。貪吃蛇游戲的代碼邏輯較為簡單，但仍對HTML5的游戲開發起到了一定的推動作用。除此之外，HTML5的游戲代碼還可以用來制作惡魔方、2048等經典的小游戲。