Skip to content

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

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

凡例

javascript
var mplusfont = new g.BitmapFont({
  src: scene.asset.getImage("/image/mplus.png"),
  glyphInfo: mPlusGlyphInfo
});

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

利用例

詳細

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

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

scene.onLoad.add(function () {
  var mPlusGlyphInfo = scene.asset.getJSONContent("/text/mplus-glyph.json");
  var mplusfont = new g.BitmapFont({
    src: scene.asset.getImage("/image/mplus.png"),
    glyphInfo: mPlusGlyphInfo
  });

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

関連情報