1

Crafty.js を使っていくつかの基本的なゲームを試しています。デスクトップ ブラウザーでは完全に動作しますが、モバイル デバイスでは画面全体がいっぱいになります。ここに私のウェブページ：

<html>
<head>
  <title>Game</title>
  <script src="/javascripts/crafty.js" type="text/javascript">
  </script>
  <script src="/javascripts/homeGame.js" type="text/javascript">
</script>
</head>

<body style="margin:0 0">
  <div id="cr-stage"></div>
</body>
</html>

そして最後に私のゲーム（homegame.js）：

window.onload = function() {

    Game = {
  // Initialize and start our game
  start: function() {
    // Start crafty and set a background color so that we can see it's working
    Crafty.init(480, 320);
    Crafty.background('#2d3d4b');
  }
}

Game.start();

}

ビューポート メタ タグを使用してみましたが、うまくいきませんでした。また、crafty.js Web サイトの入門ゲームにも、モバイル デバイスで同じ問題があります: http://buildnewgames.com/assets/article//introduction-to-crafty /tut_bng/index.html .

それを修正する方法はありますか？

4

1 に答える 1