小鱼游戏是一个基于HTML5的在线游戏,玩家可以通过鼠标和键盘控制小鱼在网格中游动,躲避障碍物并尽可能地吃到更多的食物。以下是一个简单的HTML代码示例,用于创建一个基本的小鱼游戏:
代码语言:javascript复制html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fish Game</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
width: 300px;
height: 200px;
background-color: #333;
margin: 100px auto;
border: 1px solid black;
padding: 20px;
overflow: hidden;
}
.fish {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.food {
position: absolute;
bottom: 50px;
right: 10px;
opac