[enchant.js] enchant-stageをセンタリング(中央寄せ)する

2014年5月9日

html側の修正は特に必要ありませんが、下のサンプルはjQueryを使ってるので、その辺は必要なら追加で。

var game = new Core( 300, 500 );

var left = ( window.innerWidth - ( game.width * game.scale ) ) / 2;
$('#enchant-stage').css({
    "position":"absolute",
    "left":left+"px"
});
game._pageX = left;

ま、windowの横幅から、stageの実際の幅を引いて半分にした位置にstageを移動って感じですかね。

関連記事

  1. enchant.jsでClassを作ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 enchant.jsでClass enchant(); window.onload = function(){ var game = new...
  2. enchant.jsのSpriteでアニメーションしてみる htmlはとりあえず前回用意したものと同じ(index.html)で。 Spriteでアニメーション enchant(); window.onload = function(){ var game = new...
  3. enchant.jsでSpriteを使ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 new Sprite enchant(); window.onload = function(){ var game =...
  4. enchant.jsでLabel使ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 new Label enchant(); window.onload = function(){ var game =...
enchant.jsJavaScript