ビットマップフォントを使う
文字の描画には 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);
});