HTML畫布是一種內置的HTML5元素，可以通過它來繪制圖形，并進行交互操作。

下面是一個簡單的代碼示例，展示如何在HTML畫布上制作一個小游戲：

<canvas id="myCanvas" width="300" height="200"></canvas>
<script>
// 獲取畫布和上下文對象
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 定義小球參數
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;
var ballRadius = 10;
// 繪制小球函數
function drawBall() {
ctx.beginPath();
ctx.arc(x, y, ballRadius, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}
// 循環繪制函數
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBall();
// 小球碰到邊界反彈
if(x + dx >canvas.width-ballRadius || x + dx< ballRadius) {
dx = -dx;
}
if(y + dy >canvas.height-ballRadius || y + dy< ballRadius) {
dy = -dy;
}
x += dx; // 移動小球
y += dy;
requestAnimationFrame(draw); // 每幀繪制
}
draw(); // 開始繪制
</script>

以上代碼中，首先在HTML頁面中定義了一個canvas元素，并指定其寬度和高度。接著，通過JavaScript代碼獲取到該畫布元素以及其上下文對象。在繪制函數draw中，首先清除畫布，然后繪制小球，并根據小球的運動軌跡進行位置的更新，最后使用requestAnimationFrame方法來實現動畫效果的連續繪制。

通過以上代碼示例，可以發現使用HTML畫布很容易就可以實現一個簡單的小游戲，同時也具有較高的可交互性，適合用于一些小型互動應用的制作。