返回列表 發帖

Html5飛機射擊遊戲

  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8">
  4. </head>
  5. <body>
  6. <div id="gameArea"><canvas id="gameCanvas"></canvas></div>
  7. <script src="Html5Game2D.js"></script>
  8. <script src="airshoot.js"></script>
  9. </body>
複製代碼

Html5Game2D.js
  1. var gameHeight = window.innerHeight; //取得瀏覽器內容的高度,放進設定的遊戲視窗高度。
  2. var gameWidth = window.innerWidth; //取得瀏覽器內容的寬度,放進設定的遊戲視窗寬度。

  3. function initGame()
  4. {
  5.         var gameArea = document.getElementById("gameArea"); //利用"gameArea"這個ID來取得該Div
  6.         var gameCanvas = document.getElementById("gameCanvas"); //利用"gameCanvas"這個ID來取得該Canvas
  7.         gameArea.style.height = gameHeight; //設定gameArea的高度為遊戲視窗高度
  8.         gameArea.style.width = gameWidth; //設定gameArea的寬度為遊戲視窗寬度
  9.         gameCanvas.height = gameHeight; //設定gameCanvas的高度為遊戲視窗高度
  10.         gameCanvas.width = gameWidth; //設定gameCanvas的高度為遊戲視
  11. }
複製代碼

TOP

返回列表