2015-01-09に投稿

cocos2dxのfntファイル簡易作成ツール

function fntGenerate() {
var w = document.getElementById('fntWidth').value;
var h = document.getElementById('fntHeight').value;
var count = Number(document.getElementById('fntCount').value);
var lineLength = Number(document.getElementById('fntLineLength').value);
var start = Number(document.getElementById('fntStart').value);
var tag = 'info face="" size=0 bold=0 italic=0 charset="" unicode=0 stretchH=100 smooth=0 aa=1 padding=0,0,0,0 spacing=1,1' + "\n";
tag += 'common lineHeight=' + h + ' base=0 scaleW=10 scaleH=100 pages=1 packed=0' + "\n";
tag += 'page id=0 file="' + document.getElementById('fntFilename').value + '"' + "\n\n";
tag += 'chars count=' + count + "\n";
for (var i = 0; i < count; i++) {
var x = w * (i % lineLength);
var y = h * Math.floor(i / lineLength);
tag += 'char id=' + (start + i) + ' x=' + x + ' y=' + y + ' width=' + w + ' height=' + h + ' xoffset=0 yoffset=0 xadvance=' + w + ' page=0 chnl=0' + "\n";
}
document.getElementById('fntResult').value = tag;
}

WEB上でcocos2dxのfntファイルを作成できるツールを作成した。
(画像ファイルはあってfntファイルのみがない場合)
簡易的なものなので複雑なファイルは作れない。
最初の文字コード256までを作ることくらいを想定。
詳しいファイル仕様はわからないけど一応表示できたので…よろしければどうぞ。

ファイル名

文字サイズ
横縦
開始文字コード

文字数

画像の横に並んでいる文字の数

結果

ツイッターでシェア
みんなに共有、忘れないようにメモ

だら@Crieit開発者

Crieitの開発者です。 Webエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, Vue.js, React, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!
ボードとは?

関連記事

コメント