HTML 小游戲是基于 HTML 和 JavaScript 技術開發而成的，在網頁端免安裝即可游玩。它們常常是由簡單的圖形和互動元素構成，可以在無聊的時光中帶來樂趣。
<!DOCTYPE html>
<html>
<head>
<title>我的小游戲</title>
<style>
/* CSS 樣式表 */
/* 定義游戲面板 */
#game-board {
width: 300px;
height: 300px;
border: 1px solid gray;
margin: 0 auto;
}
/* 定義小球 */
#ball {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
position: relative;
}
</style>
</head>
<body>
<div id="game-board">
<div id="ball"></div>
</div>
<script>
// JavaScript 代碼
var ball = document.getElementById("ball");
var x = 0;
var y = 0;
var dx = 1;
var dy = 1;
function animate() {
if (x > 280 || x <= 0) {
dx = -dx;
}
if (y > 280 || y <= 0) {
dy = -dy;
}
x += dx;
y += dy;
ball.style.left = x + "px";
ball.style.top = y + "px";
window.requestAnimationFrame(animate);
}
animate();
</script>
</body>
</html>以上是一個簡單的 HTML 小游戲模板代碼，它演示了如何使用 HTML 和 JavaScript 創建一個小球在游戲面板中移動的效果。我們可以在 CSS 樣式表中定義游戲面板和小球的樣式，而動畫效果則由 JavaScript 在 requestAnimationFrame() 方法中控制。不同的游戲有不同的實現方式，但它們都需要 HTML 和 JavaScript 的基礎知識。