Skip to content

enchant.jsで自動的に画面が拡大されるのを抑制するには?

enchant.jsでスマートフォン向けだけでないゲームが作りたくなる場合もあるよね?
Twitter上でどうしても自動的に拡大されてしまう!という悲鳴を見つけたので、それを抑制する簡単な方法を紹介するぞ!

enchant.jsでは何も考えずに作ると、勝手に画面が最大化されるようになっている。

これはこれで便利なんだけど、PCで遊ぶ専用のゲームを作りたいときにはちょっと邪魔臭い。

これを抑制するには、実はindex.htmlに一行追加するだけで良いのだ。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, user-scalable=no"> 
    <meta name="apple-mobile-web-app-capable" content="yes">
    <script type="text/javascript" src="enchant.js"></script>
    <script type="text/javascript" src="nineleap.enchant.js"></script>
    <script type="text/javascript" src="canvas.enchant.js"></script>
    <script type="text/javascript" src="enemyData.js"></script>
    <script type="text/javascript" src="enemyWave.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
    </head>
  <body>
    <div id="enchant-stage"></div> <!-- ←これだけ!! -->
  </body>
</html>

なんとこれだけでピクセル等倍になる。
ピクセル等倍にすると、当然のことながら描画速度は非常に速くなる。

enchant.jsでブラウザの性能を極限まで性能を引き出したい場合には便利な機能なので覚えておこう!

このエントリーをはてなブックマークに追加
はてなブックマーク - enchant.jsで自動的に画面が拡大されるのを抑制するには?
Post to Google Buzz
Share on GREE

Related posts:

  1. socket.enchant.jsに重大なバグ発見!と、もっとわかりやすいサンプル
  2. gl.enchant.js開発者コミュニティが活発化!チュートリアルやサンプルが続々と
  3. enchant.jsで3Dの”ハコニワ”マップが簡単に創れる「ハコニワプラグイン」が凄すぎる
  4. 日本語スクリプト言語JapaScript
  5. enchant.js用物理シミュレーションプラグインPhySpriteが登場!

Facebook comments:

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*