返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
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>
複製代碼
收藏 分享

Rank: 7Rank: 7Rank: 7
2#
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. }
複製代碼

TOP

返回列表