2015/06/08(月) [n年前の日記]
#1 [cg_tools] 画像やテキストの位置指定をGUIで確認できるツール
昨日、「ゲーム用のレイアウトを決めるのが面倒だな。GUIで画像の位置決めができるツールは無いものか」と思ったのだけど。ググってたら、少しヨサゲなソフトが。
_ピクセルレイアウトエディター
座標を csvファイルで出力できる。イイ感じ。
ただ、画面サイズが、320x240、640x480、800x600、1024x768、1280x1280 で決め打ちで。1280x720 が無い…。
各パーツを登録していく際に、メニューから選択していくのも少し面倒。マウスで操作することが前提なのだから、ツールバーボタンがあれば良さそうだなと思ったり。
_ピクセルレイアウトエディター
座標を csvファイルで出力できる。イイ感じ。
ただ、画面サイズが、320x240、640x480、800x600、1024x768、1280x1280 で決め打ちで。1280x720 が無い…。
各パーツを登録していく際に、メニューから選択していくのも少し面倒。マウスで操作することが前提なのだから、ツールバーボタンがあれば良さそうだなと思ったり。
◎ もしかしてGIMPが使えないかな。 :
以前、全レイヤーの情報をテキストファイルで出力するスクリプトを書いたことを今頃思い出したり。
_GIMPの全レイヤー情報をテキストで保存するスクリプト - mieki256 wiki
これを使えば、GIMPでレイアウト決定 → テキストファイル出力、でレイアウトを決められないかと…。
試しに GIMP上でテキストを打って配置して件のスクリプトを動かしてみたら…。うむ、これでもイケるのかもしれない。GIMPならグリッド表示・グリッド吸着もできるし。テキストも画像も配置できるし。
ただ、各レイヤーのサイズをキャンバスサイズと同じにしてしまうと件のスクリプトは意味が無くなるあたりがよろしくないのだけど。Photoshop と違って、GIMPの各レイヤーはそれぞれ独自のサイズを持つことができるので、そこらへんで戸惑う人が居そうな予感。
_GIMPの全レイヤー情報をテキストで保存するスクリプト - mieki256 wiki
これを使えば、GIMPでレイアウト決定 → テキストファイル出力、でレイアウトを決められないかと…。
試しに GIMP上でテキストを打って配置して件のスクリプトを動かしてみたら…。うむ、これでもイケるのかもしれない。GIMPならグリッド表示・グリッド吸着もできるし。テキストも画像も配置できるし。
ただ、各レイヤーのサイズをキャンバスサイズと同じにしてしまうと件のスクリプトは意味が無くなるあたりがよろしくないのだけど。Photoshop と違って、GIMPの各レイヤーはそれぞれ独自のサイズを持つことができるので、そこらへんで戸惑う人が居そうな予感。
◎ Inkscapeでどうにかできんかな。 :
と思って試してみたけど、座標が上下逆なあたりが…。変換スクリプトを書けばどうにかなるかな…。
いや、選択ツールの座標表示は上下逆だけど、svgファイルは上が0で下がプラスになってるな…。XMLエディタを表示して座標を確認すれば使えないこともないのかな…。
と思ったけど、テキストの表示位置は、テキストの下のラインを基準にしてるようで。左上が基準なら良かったのだけど。
いや、選択ツールの座標表示は上下逆だけど、svgファイルは上が0で下がプラスになってるな…。XMLエディタを表示して座標を確認すれば使えないこともないのかな…。
と思ったけど、テキストの表示位置は、テキストの下のラインを基準にしてるようで。左上が基準なら良かったのだけど。
◎ Google Web Designerはどうか。 :
HTML5 + CSS3 でアニメーションが作れる Google Web Designer を流用できないか、と思って試してみたけれど。操作はともかく、出力されるのが HTML5 + CSS3 なので情報が分離してるというか。
[ ツッコむ ]
以上です。