Board logo

標題: Html5飛機射擊遊戲 [打印本頁]
作者: ray    時間: 2012-11-10 11:54     標題: 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>
複製代碼
作者: ray    時間: 2012-11-10 12:03

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

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




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2