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でブラウザの性能を極限まで性能を引き出したい場合には便利な機能なので覚えておこう!
Post a Comment