2007年04月25日

Kifu for Windowsの外部駒

ここ最近、将棋ソフトを作っていた関係で、Kifu for Windowsという棋譜管理ソフトに非常にお世話になっていました。

Kifu for Windows
http://homepage2.nifty.com/kakinoki_y/KifuwInt.htm

この手のソフトとしては、結構有名だと思いますし、機能に不満は全くないのですが、贅沢を言えばちょっと見た目が頼りない感じです。あまりきれいじゃないというだけでなくて、デフォルトの盤のサイズも小さくて目が疲れるのがちょっと辛い。そこで何とか見た目を改善したいと、他のサイトで配布されている駒の画像の中から、使えそうなのをいろいろ探してみたのですが、残念ながらあまりぴんと来るのが見つかりませんでした。うーんどこかにありそうなものなんですが・・・

で、仕方がないので自分で作る方向で考え始めたんですが、こんなのを一から作るのは難しすぎるので、前々からすごく綺麗だなあと思って見せてもらっていた、こちらのサイトで公開されている画像を使わせてもらう事にしました。

将棋ソフト用画像リソース置き場
http://mucho.girly.jp/bona/

いろいろ試行錯誤しながら使ってみたのですが、画像がほんと綺麗なのでかなり見やすくなりました! 駒のサイズも個人的にはちょうどいいくらいの大きさだったのもラッキーでした(「駒のサイズ」が「盤のサイズ」も決めるので・・・)。ということで、ぜひぜひ他の人にも使ってみてほしいので、外部駒を作るときに使ったHTML(!)をここにおいておきます。

<div style="position:relative; width:344px; height:288px;
 background-color:#e0b060">
<img style="position:absolute; top:0px; left:0px" src="Sou.png">
<img style="position:absolute; top:0px; left:43px" src="Shi.png">
<img style="position:absolute; top:0px; left:86px" src="Skaku.png">
<img style="position:absolute; top:0px; left:129px" src="Skin.png">
<img style="position:absolute; top:0px; left:172px" src="Sgin.png">
<img style="position:absolute; top:0px; left:215px" src="Skei.png">
<img style="position:absolute; top:0px; left:258px" src="Skyo.png">
<img style="position:absolute; top:0px; left:301px" src="Sfu.png">
<img style="position:absolute; top:48px; left:0px" src="Sou.png">
<img style="position:absolute; top:48px; left:43px" src="Sryu.png">
<img style="position:absolute; top:48px; left:86px" src="Suma.png">
<img style="position:absolute; top:48px; left:172px" src="Sngin.png">
<img style="position:absolute; top:48px; left:215px" src="Snkei.png">
<img style="position:absolute; top:48px; left:258px" src="Snkyo.png">
<img style="position:absolute; top:48px; left:301px" src="Sto.png">
<div style="position:absolute; top:96px; left:0px;
 width:344px; height:48px; background-color:#000000"></div>
<!--
<img style="position:absolute; top:96px; left:0px" src="Sou.png">
<img style="position:absolute; top:96px; left:43px" src="Shi.png">
<img style="position:absolute; top:96px; left:86px" src="Skaku.png">
<img style="position:absolute; top:96px; left:129px" src="Skin.png">
<img style="position:absolute; top:96px; left:172px" src="Sgin.png">
<img style="position:absolute; top:96px; left:215px" src="Skei.png">
<img style="position:absolute; top:96px; left:258px" src="Skyo.png">
<img style="position:absolute; top:96px; left:301px" src="Sfu.png">
-->
<img style="position:absolute; top:144px; left:0px" src="Gou.png">
<img style="position:absolute; top:144px; left:43px" src="Ghi.png">
<img style="position:absolute; top:144px; left:86px" src="Gkaku.png">
<img style="position:absolute; top:144px; left:129px" src="Gkin.png">
<img style="position:absolute; top:144px; left:172px" src="Ggin.png">
<img style="position:absolute; top:144px; left:215px" src="Gkei.png">
<img style="position:absolute; top:144px; left:258px" src="Gkyo.png">
<img style="position:absolute; top:144px; left:301px" src="Gfu.png">
<img style="position:absolute; top:192px; left:0px" src="Gou.png">
<img style="position:absolute; top:192px; left:43px" src="Gryu.png">
<img style="position:absolute; top:192px; left:86px" src="Guma.png">
<img style="position:absolute; top:192px; left:172px" src="Gngin.png">
<img style="position:absolute; top:192px; left:215px" src="Gnkei.png">
<img style="position:absolute; top:192px; left:258px" src="Gnkyo.png">
<img style="position:absolute; top:192px; left:301px" src="Gto.png">
<div style="position:absolute; top:240px; left:0px;
 width:344px; height:48px; background-color:#000000"></div>
<!--
<img style="position:absolute; top:240px; left:0px" src="Gou.png">
<img style="position:absolute; top:240px; left:43px" src="Ghi.png">
<img style="position:absolute; top:240px; left:86px" src="Gkaku.png">
<img style="position:absolute; top:240px; left:129px" src="Gkin.png">
<img style="position:absolute; top:240px; left:172px" src="Ggin.png">
<img style="position:absolute; top:240px; left:215px" src="Gkei.png">
<img style="position:absolute; top:240px; left:258px" src="Gkyo.png">
<img style="position:absolute; top:240px; left:301px" src="Gfu.png">
-->
</div>

これを使った簡単な作り方を説明すると、まず、ダウンロードしてきた先ほどのサイトの駒一式と同じフォルダに、HTMLファイルとして保存し、それをブラウザで開きます(ブラウザを選ぶのでちょっと注意。ちなみにFirefoxはOK、IE6はNGなのは確認してます。IE7はたぶんOKでしょう)。すると次のように表示されます(「錦旗 ノーマル」の場合)。

ちゃんと表示されたら、画面をキャプチャして、適当な画像編集ソフトで幅344px、高さ288pxにきれいに切り抜いて、後は8bitBMPで保存して出来上がりです。その画像をKifu for Windowsの設定で外部駒として指定します。

駒の背景の色を変えるには2行目の

 background-color:#e0b060">

を編集します。盤と駒台の色はKifu for Windowsの設定でこの色にあわせて下さい。

以上が簡単な外部駒の作り方です。ほんとは駒の形をきれいに切り抜いたりするべきなのですが(でないと無地の盤と駒台しか使えませんし、同じ駒を2つ以上持ち駒にしたときに、下になった駒がだいぶ消えてしまいます)、今回の画像は影がついていたりするので、ここらはちょっとややこしい・・・ なのであまり気にせず上の方法でいいのではないでしょうか?(でも私はやっぱり切り抜いてますが・・・) もしきっちり作ってみたい人は、先ほどのHTMLのコメントアウトしたところも使うと便利かもしれません。詳しくはKifu for Windowsに入っている「柿木駒.bmp」を参考に。

ちょっと手間はかかりますが、Kifu for Windowsを愛用されている人は、自分の好みの駒と盤の色でぜひ作ってみてください。すばらしい画像を提供してくれた作者の方、ほんとありがとう!

2007年04月25日 00:28