Akashic Engine 逆引きリファレンス

ビットマップフォントを使う

文字の描画には BimapFont を利用することができます。

凡例

var mplusfont = new g.BitmapFont({
  src: scene.asset.getImageById("mplus"),
  glyphInfo: mPlusGlyphInfo
});

var label = new g.Label({
    scene: scene,
    font: mplusfont,
    ... // その他のプロパティ
});
scene.append(label);

利用例

詳細

ビットマップフォントは、あらかじめ用意した画像を使用するフォントです。コンテンツで使う文字を画像としてコンテンツに取り込むことで、任意のデザインで文字列を描画することができます。 ビットマップフォントを使うには、画像アセットとテキストアセットの読み込みが必要です。 ビットマップフォントを作る方法は、 ビットマップフォントを作る を参照してください。

var scene = new g.Scene({ game: g.game, assetIds: ["mplus", "mplus-glyph"] });

scene.onLoad.add(function() {
  var mPlusGlyphInfo = JSON.parse(scene.asset.getTextById("mplus-glyph").data);
  var mplusfont = new g.BitmapFont({
    src: scene.asset.getImageById("mplus"),
    glyphInfo: mPlusGlyphInfo
  });

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

関連情報

-前 (複数行の文字列を描画する) | 目次 | 次 (ビットマップフォントを作る)