読者です 読者をやめる 読者になる 読者になる

enchant.jsでテキストラベルを中央に表示する

ver0.5系の場合

var sampleLabel = new Label();
sampleLabel.font = "40px cursive";
sampleLabel.text = "Hello World!";
// 以下で中央揃えの指定をします
sampleLabel._element.style.textAlign = "center";
sampleLabel.y = HEIGHT;

ver0.5系列は、DOMベースの実装なのでCSSのプロパティが使えます。

ver0.6系の場合

var sampleLabel = new Label();
sampleLabel.font = "40px cursive";
sampleLabel.text = "Hello World!";
// 以下で中央の座標を計算し、指定します
sampleLabel.moveTo((game.width - sampleLabel._boundWidth)/2, HEIGHT);

ver0.6系列から、canvasベースの実装に変わったので、"_element"プロパティは使用できません。
"_boundWidth"プロパティから文字列の幅を取得します。"width"プロパティを使用すると、canvas要素の幅を取得してしまい、文字列の幅が取得できないので、注意が必要です。