«前の日記(■) 最新

comjong.com


[ソフト] 牌画表示プラグイン (Tilesプラグイン) for tDiary

牌画表示プラグイン (Tilesプラグイン) って何?

tDiary上で麻雀の牌画 (列) を表示するためのプラグインです。麻雀牌列を文字列として与えると、画像を表示します。また、単独の牌画の表示も可能です。

使い方 (牌画列の表示)

tiles関数により、牌画列を表示することが可能です。

tiles関数は2つの引数をとります。第1引数は牌名 (後述します) を空白文字 (rubyのsplit関数の認識する空白文字) で区切った列をとります。第2引数は牌画列のキャプション用文字列をとります。

例を挙げると、

<%=tiles( "b1 b2 b5 b7 b9 c2 c4 c5 d2 d4 we we ws sp ws", "東1局 1本場 東家 1順目 配給原点" )%>

と書くと、

一索二索五索七索九索二萬四萬五萬二筒四筒東東南 南

東1局 1本場 東家 1順目 配給原点

と表示します。HTML的には、以下の様なものを吐きます。

<DIV class=tiles>
<P class=tiles_images>
<IMG class=tile height=32 alt=一索 src="./tiles_images/b1.png" width=24>
<IMG class=tile height=32 alt=二索 src="./tiles_images/b2.png" width=24>
<IMG class=tile height=32 alt=五索 src="./tiles_images/b5.png" width=24>
<IMG class=tile height=32 alt=七索 src="./tiles_images/b7.png" width=24>
<IMG class=tile height=32 alt=九索 src="./tiles_images/b9.png" width=24>
<IMG class=tile height=32 alt=二萬 src="./tiles_images/c2.png" width=24>
<IMG class=tile height=32 alt=四萬 src="./tiles_images/c4.png" width=24>
<IMG class=tile height=32 alt=五萬 src="./tiles_images/c5.png" width=24>
<IMG class=tile height=32 alt=二筒 src="./tiles_images/d2.png" width=24>
<IMG class=tile height=32 alt=四筒 src="./tiles_images/d4.png" width=24>
<IMG class=tile height=32 alt=東 src="./tiles_images/we.png" width=24>
<IMG class=tile height=32 alt=東 src="./tiles_images/we.png" width=24>
<IMG class=tile height=32 alt=南 src="./tiles_images/ws.png" width=24>
<IMG class=tile height=32 alt=  src="./tiles_images/sp.png" width=24>
<IMG class=tile height=32 alt=南 src="./tiles_images/ws.png" width=24>
</P>
<P class=tiles_comment>東1局 1本場 東家 1順目 配給原点</P>
</DIV>

使い方 (単独牌画の表示)

tile関数により、単独の牌画を表示することが可能です。tile関数は1つの引数として、牌名の文字列をとります。

インラインで

<%=tile( "b1" )%>

と書くと一索の様に牌画が単独で埋め込まれます。HTML的には、

<IMG class=tile height=32 alt=一索 src="./tiles_images/b1.png" width=24>

を吐きます。

牌名

牌名とそのサンプルは以下の通りです。なお、末尾に "l" を加えると、横向きの牌画になります。

牌種表記
索子 (bamboos)b1=一索, b2=二索, b3=三索, b4=四索, b5=五索, b5r=赤五索, b6=六索, b7=七索, b8=八索, b9=九索
萬子 (characters)c1=一萬, c2=二萬, c3=三萬, c4=四萬, c5=五萬, c5r=赤五萬, c6=六萬, c7=七萬, c8=八萬, c9=九萬
筒子 (dots)d1=一筒, d2=二筒, d3=三筒, d4=四筒, d5=五筒, d5r=赤五筒, d6=六筒, d7=七筒, d8=八筒, d9=九筒
風牌 (winds)we=東, ws=南, ww=西, wn=北
三元牌 (dragons)dw=白, dg=發, dr=中
その他bk=■, ar=↓, sp= 

使い方 (cssの作製)

cssの例として、comjong.com内での設定を以下に示します。お好みで調整して下さい。

div.tiles {
	border-style: solid;
	border-color: #cc0000;
	border-width: 1px 1px 1px 6px;
	padding: 4px;
	margin-left: 3em;
	margin-right: 3em;
}
img.tile {
	margin-left; 0em;
	margin-right; 0em;
}
p.tiles_images p.tiles_comment {
	font-size: small;
}

ダウンロード

tiles.rbはGPLソフトウェアです。

牌画像は一二四十の牌画をご厚意で再配布させていただいております。なお、再配布にあたりファイル名の変更やファイルフォーマットの変換を行った上で再アーカイブをしております。牌画の権利は田中猛彦氏に帰属しますので、利用の際は一二四十のライセンスをご確認ください。

インストール

tiles.rbをプラグインディレクトリ (標準では misc/plugin) に置くだけで、tDiaryの設定画面から利用可能になります。

牌画は、tDiaryディレクトリの直下にtiles_imageディレクトリがくるように置いて下さい。このディレクトリは、Tilesプラグインの設定画面から変更可能です。

他の牌画を使用するには

他の牌画を利用する場合は、以下の二つの方法のうち、どちらかをとってください。

一つ目の方法は、牌画の名前をTilesプラグインの標準に合わせる方法です。tiles_images以下のディレクトリの牌画ファイルを入れ替えるだけで動作します。標準のpng以外のフォーマットを使用する場合はTilesの設定画面から、補完する拡張子を設定して下さい。なお、heightとwidthは画像ファイルから自動的に拾います。

二つ目の方法として、Tilesプラグインの標準と異なる牌名を使用することも可能です。Tilesプラグインは、画像ファイルを参照する際に、単に牌名に画像ファイルの拡張子を結合しています。ただし、alt属性は内部のテーブルを引いているため、それを書き換える必要があります。詳細はソースをみて下さい。

謝辞

素晴らしい牌画をご提供いただいた田中猛彦氏に感謝いたします。

絵日記プラグイン内の、画像ファイル内のヘッダ情報読み取りルーチンを利用させていただきました。ありがとうございました。

更新履歴

1.1.0: 公開できるように少しドキュメントを書いた。ディレクトリ名くらいは指定できるようにした。

1.0.0: とりあえず作ってみる

ToDo

以下、ToDoリストです。

  • ドラ表示もきれいにかけるとうれしいかも。どういうhtmlを吐くのが良いだろうか? (これを入れるとインタフェースが変わるかも)
  • 牌符の様に複数行に渡るものもサポートしたいがどういうインタフェースにしよう?
  • 東風荘のログを張り付けると整形された牌符が表示されるとうれしい?

本日のツッコミ(全99件) [ツッコミを入れる]
_ Pharme75 (■ 16:15)

Very nice site!

_ Pharmb987 (■ 16:01)

Very nice site!

_ Pharmb142 (■ 04:41)

Very nice site!

_ Pharmd647 (■ 16:29)

Very nice site!

_ levitra costo (■ 01:28)

zwehsewj hbebxqzq ptdmofpw

_ levitra naturale (■ 01:28)

ripiloft mfofmwqz kkivbymw

_ levitra vendita (■ 02:45)

nxbiifat gwyaukav tknvpdsi

_ levitra rosa (■ 03:20)

hleanuyb xkvfiuno vjgeyeiu

_ levitra senza ricetta svizzera (■ 06:38)

pfdiduay wqrbthsn ukaynhit

_ levitra urgente (■ 10:15)

oqjyknes oiajcorg irirswvu

_ levitra online buy (■ 10:51)

khucbikj gzqkoszs sevcvuxa

_ levitra professional (■ 11:28)

jolehhft bzdmbeoo camdewjg

_ compra levitra pfizer (■ 12:44)

wnyenpgn rnjzbzer mxgwptsb

_ levitra 50 o 100 (■ 12:44)

wywssrzi evebmmjl lwrwtrva

_ levitra e ipertensione (■ 13:55)

nnaqxisn hppprulo fobvycqz

_ levitra vendita libera (■ 14:33)

eyddpimf efspjknx jzlutpit

_ levitra online best price (■ 15:10)

jqbzrayj yossmzyi mpcqthdi

_ levitra gel (■ 17:06)

qctiaraf ehpqwpld peurmubj

_ levitra omeopatico (■ 17:39)

dtwdopek mmeypvji ojiufsbp

_ levitra umano (■ 17:40)

pqhjnlun lhhnithj xynhltih

_ levitra india (■ 20:08)

tajlvdfl tmnwkdik izqptctd

_ levitra kamagra (■ 20:42)

ujaxihzb lmgfxqtt feipoqoi

_ lady_sonia (■ 06:57)

Great work,webmaster,nice design!
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com penis enlargement pills,

_ vimax (■ 08:08)

Great .Now i can say thank you!
http://lady-sonia.us lady sonia, http://www.videocn.com penis enlargement,

_ vimax (■ 09:11)

I want to say - thank you for this!
http://lady-sonia.us lady sonia blog, http://www.videocn.com penis enlargement,

_ vimax (■ 10:17)

Great site. Good info
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com vimax,

_ lady_sonia (■ 11:24)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com vimax,

_ lady_sonia (■ 12:31)

Excellent site. It was pleasant to me.
http://lady-sonia.us lady sonia blog, http://www.videocn.com vimax,

_ lady_sonia (■ 13:38)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia blog, http://www.videocn.com penis enlargement pills,

_ vimax (■ 14:47)

Great .Now i can say thank you!
http://lady-sonia.us lady sonia blog, http://www.videocn.com vimax,

_ lady_sonia (■ 17:07)

Great site. Good info
http://lady-sonia.us lady sonia, http://www.videocn.com penis enlargement,

_ lady_sonia (■ 18:17)

I bookmarked this guestbook. Thank you for good job!
http://lady-sonia.us lady sonia blog, http://www.videocn.com vimax,

_ lady_sonia (■ 19:25)

Perfect site, i like it!
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com vimax,

_ vimax (■ 21:40)

Very interesting site. Hope it will always be alive!
http://lady-sonia.us lady sonia, http://www.videocn.com vimax,

_ vimax (■ 22:48)

Nice site! Thank you!
http://lady-sonia.us lady sonia, http://www.videocn.com penis enlargement,

_ vimax (■ 23:56)

Nice site! Thank you!
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com penis enlargement pills,

_ lady_sonia (■ 03:13)

I bookmarked this guestbook. Thank you for good job!
http://lady-sonia.us lady sonia, http://www.videocn.com penis enlargement pills,

_ vimax (■ 05:24)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia, http://www.videocn.com vimax,

_ vimax (■ 06:26)

Great work,webmaster,nice design!
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com penis enlargement,

_ vimax (■ 09:32)

Excellent site. It was pleasant to me.
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com penis enlargement pills,

_ vimax (■ 11:43)

Nice site! Thank you!
http://lady-sonia.us lady sonia, http://www.videocn.com penis enlargement pills,

_ lady_sonia (■ 12:49)

Nice site! Thank you!
http://lady-sonia.us lady sonia online jornal, http://www.videocn.com vimax,

_ farmaco levitra (■ 11:55)

oqpaozsh mzdcvmzj vkmrhqbn

_ kamagra 0 25 (■ 12:30)

nsodslas owhdweez niaijohg

_ compra levitra (■ 12:31)

gzeqewlx djtyoxon mvwoiatu

_ 50 kamagra (■ 13:05)

xcmmunku gippszzn ysxdanmd

_ levitra costo (■ 13:05)

xoatuhwy zeobreuz mzlmnzlr

_ Lady_Sonia (■ 06:18)

Perfect work!
http://lady-sonia.us lady sonia movies,

_ Lady_Sonia (■ 07:22)

Very interesting site. Hope it will always be alive!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 08:14)

Great site. Good info
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 09:05)

Great .Now i can say thank you!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 09:59)

Perfect site, i like it!
http://lady-sonia.us lady sonia blog,

_ Lady_Sonia (■ 11:04)

I bookmarked this guestbook. Thank you for good job!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 12:57)

Very interesting site. Hope it will always be alive!
http://lady-sonia.us lady sonia movies,

_ Lady_Sonia (■ 13:53)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 14:54)

Great site. Keep doing.
http://lady-sonia.us lady sonia blog,

_ Lady_Sonia (■ 15:50)

I want to say - thank you for this!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 17:44)

Perfect work!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 18:37)

Beautiful site!
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 19:32)

Beautiful site!
http://lady-sonia.us lady sonia movies,

_ Lady_Sonia (■ 20:24)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia blog,

_ Lady_Sonia (■ 21:18)

Nice site! Thank you!
http://lady-sonia.us lady sonia,

_ acquisto viagra in farmacia (■ 21:37)

kcfiwjvq wymqtywq gjsvakez

_ cialis (■ 21:37)

edfxfxwm seidisod dpltcqaj

_ viagra (■ 22:07)

lqlhqilx uzjdzyug uideqiat

_ comprare cialis online (■ 22:08)

irfielmk rsbelrxq ntqegscn

_ Lady_Sonia (■ 22:13)

If you have to do it, you might as well do it right
http://lady-sonia.us lady sonia movies,

_ cialis (■ 22:36)

arcdrdpx pmdbniek mckiinud

_ acquistare viagra generico (■ 22:39)

tlegtcgz teokhqdn pdnwvsfs

_ comprare cialis senza ricetta (■ 23:07)

nvkwmyjr pmhmiozi wnrqwqrz

_ comprare cialis in italia (■ 23:09)

xhfsanwa ikhdrgvt uandltfm

_ Lady_Sonia (■ 23:17)

I want to say - thank you for this!
http://lady-sonia.us lady sonia blog,

_ compra cialis online (■ 23:36)

xvispblk gtwdfnyf qibujrdj

_ acquisto cialis in farmacia (■ 00:05)

pecysery ojptziac gohfhldg

_ compra cialis online (■ 00:06)

ljcwxoox xblezrgd dtmwhdyh

_ Lady_Sonia (■ 00:10)

Great site. Good info
http://lady-sonia.us lady sonia,

_ Lady_Sonia (■ 01:00)

I bookmarked this guestbook. Thank you for good job!
http://lady-sonia.us lady sonia,

_ viagra (■ 01:04)

dtyqtrlr jzgimmny upfgyztm

_ acquistare cialis generico (■ 01:32)

olkzvler chmpmmgb pyabwzuo

_ acquistare cialis generico (■ 01:34)

lkczrfzs axvifvez epuvltnm

_ Lady_Sonia (■ 01:51)

It is the coolest site,keep so!
http://lady-sonia.us lady sonia,

_ acquisto viagra in farmacia (■ 02:03)

frlucqfm qujbstnd mqvdcnjg

_ cialis (■ 02:03)

gpatmmcl qrtznunb opgonbhk

_ viagra cialis (■ 02:32)

fkximhrl xkpfboui vjcsxqma

_ acquistare cialis originale (■ 02:32)

jigcgbym xyktfmju hvefrznc

_ acquisto cialis originale (■ 03:02)

ubvzywfx hmvnpylv ddtrioeo

_ compra viagra generico (■ 03:03)

zqdmbknf zqxzjicp losgisxf

_ acquisto cialis in farmacia (■ 03:30)

krmojgym mokspfex ppcmjejq

_ cialis generico (■ 03:33)

ijjdzfss ltdpoxkn ilzceobh

_ acquistare viagra generico (■ 04:00)

pfgaiwib vjcbzqgz uzcvdaqr

_ comprare cialis in italia (■ 04:01)

ryftkfnq ktqufsvk rikgpunk

_ cialis generico (■ 04:29)

fyrfypyr nhczlcnu yixtuakb

_ butcherwer (■ 20:04)

united vapor didn study thermal

_ kendalehow (■ 20:05)

microblogging trends [url=http://www.asterpix.com]sunlight security[/url] trading scale [url=http://www.ncdc.noaa.gov]ocean human kyoto address[/url]

_ northruple (■ 20:07)

larger panel generation access

_ CIaowNY (■ 09:22)

Hi! yPlLCP

_ eEknUzQm (■ 09:46)

Hi! HEiFtg

_ yWLOpN (■ 16:38)

Hi! mEoUTcba

_ Pharmf795 (■ 06:18)

Very nice site! [url=http://yieapxo.com/qroxasq/2.html]cheap cialis[/url]

本日のリンク元
アンテナ
検索
以前の日記へのリンク元
アンテナ
検索

編集
//