在現代Web開發中，HTML5游戲已經成為很多開發者的選擇。然而，在不同的設備和屏幕大小上運行HTML5游戲仍然是一個挑戰。幸運的是，有自適應代碼可以幫助我們解決這個問題。

下面是一個示例，我們可以使用這個自適應代碼來確保我們的HTML5游戲適應所有的屏幕大小：

//設置游戲寬度
var gameWidth = 768;
//設置游戲高度
var gameHeight = 1024;
//獲取視口寬度和高度
var viewportWidth = window.innerWidth;
var viewportHeight = window.innerHeight;
//計算游戲的比例，以便適應視口
var gameAspectRatio = gameWidth / gameHeight;
var viewportAspectRatio = viewportWidth / viewportHeight;
var scaleFactor = 1;
if (gameAspectRatio >viewportAspectRatio) {
scaleFactor = viewportWidth / gameWidth;
} else {
scaleFactor = viewportHeight / gameHeight;
}
//設置游戲的寬和高
var scaledGameWidth = Math.ceil(gameWidth * scaleFactor);
var scaledGameHeight = Math.ceil(gameHeight * scaleFactor);
//設置畫布的寬和高
var canvasElement = document.getElementById('game-canvas');
canvasElement.width = scaledGameWidth;
canvasElement.height = scaledGameHeight;
//設置畫布的樣式，以便居中顯示
canvasElement.style.marginTop = ((viewportHeight - scaledGameHeight) / 2) + 'px';
canvasElement.style.marginLeft = ((viewportWidth - scaledGameWidth) / 2) + 'px';

在這個示例中，我們首先定義了游戲的寬度和高度，然后獲取了視口的寬度和高度。接下來我們計算了游戲的寬高比和視口的寬高比，并使用一個比例因子將游戲適應屏幕大小。最后，我們設置了畫布的寬度和高度，并設置了畫布的樣式，以便居中顯示游戲。

這個自適應代碼可以確保我們的HTML5游戲適應所有的屏幕大小，因此可以在不同設備上獲得更好的用戶體驗。