約5年半ぶりの更新。御多分に洩れず、藤井四段の大活躍に影響されており、将棋熱が再燃してきている。
以前から、狼将棋のブログさんで使用されているSVG(Scalable Vector Graphics、スケーラブル・ベクター・グラフィックス)形式で描画された将棋図面に興味を持っていたのだが、先日、これを使用するためのjavascriptが公開された。
はてなブログでの使用方法については、コンピュータ将棋研究ブログさんの以下のページを参照にすると良い(このブログを読んでいて、shogizumen.jsの公開を知った)。
はてなダイアリーだとjavascriptの使用が制限されており導入できなかったため、これだけのために2003年から利用してきた「はてなダイアリー」を離れ、「はてなブログ」へ移行した。これについてはまた別の記事で触れたい。
というわけで、SVG局面図のテスト。拡大/縮小しても、文字にギザギザが現れない。
後手の持駒:なし 9 8 7 6 5 4 3 2 1 +---------------------------+ |v香v桂 ・ ・ ・v玉v角v桂v香|一 | ・v飛 ・v銀v金 ・v金 ・ ・|二 |v歩 ・ ・v歩 ・ ・v銀v歩v歩|三 | ・v歩v歩 ・v歩v歩v歩 ・ ・|四 | ・ ・ ・ ・ ・ ・ ・ ・ ・|五 | ・ ・ 歩 歩 歩 ・ 歩 ・ ・|六 | 歩 歩 銀 金 ・ 歩 銀 歩 歩|七 | ・ ・ 金 ・ ・ ・ ・ 飛 ・|八 | 香 桂 角 玉 ・ ・ ・ 桂 香|九 +---------------------------+ 先手の持駒:なし 手数=25 ▲3七銀 まで
コメント
コメント一覧 (2件)
言及ありがとうございます。
CSSを追加すると最終手のよ強調が反映されるようです。
私の記事に追記したのでよろしければ確認ください。
ありがとうございます。知りませんでした。後で試してみます。
カスタマイズ性も利点の1つですね。