Akashic Engine 逆引きリファレンス

文字列を描画する

文字を描画するには、 Label エンティティを利用します。

凡例

var label = new g.Label({
  scene: scene, // g.Sceneの値
  font: font, // g.Fontの値
  text: "こんにちは",
  fontSize: 48,
  x: 50,
  y: 50
});
scene.append(label);

利用例

次のコンテンツは、「こんにちは」と書かれた Label を表示します。

詳細

文字を描画する操作は、「フォントの生成」と「フォントを利用した文字描画」の 2 つを行う必要があります。

Akashic Engine のフォントは 2 種類あり、事前に用意した画像を使用する g.BitmapFont と、画像の準備がいらずシステムのフォントを使用する g.DynamicFont を利用できます。

var font = new g.DynamicFont({
  game: g.game,
  fontFamily: "sans-serif",
  size: 48
});

Label エンティティのパラメータオブジェクトに生成されたフォントを指定することで、そのフォントを利用して文字を描画するエンティティを作成できます。

var label = new g.Label({
  scene: scene,
  font: font,
  text: "こんにちは",
  fontSize: 48,
  x: 50,
  y: 50
});
scene.append(label);

一度生成したフォントは複数のラべルで繰り返し使用できます。

関連情報

前 (全体音量を変える) | 目次 | 次 (文字列の色を変える)