手牌つく郎が麻雀の雀龍.comのMサイズ(30×40)牌画に対応しました。解説ページと見本
ロン
ヽ(=´▽`=)ノ
※ 画像は麻雀の雀龍.comの、無料麻雀牌画を利用しています。
「手牌つく郎」麻雀の雀龍.com牌画(30×40)版を使おう
![一萬](../../images/md-haiga-m/man1.gif)
![二萬](../../images/md-haiga-m/man2.gif)
![三萬](../../images/md-haiga-m/man3.gif)
![四萬](../../images/md-haiga-m/man4.gif)
![五萬](../../images/md-haiga-m/man5.gif)
![六萬](../../images/md-haiga-m/man6.gif)
![七萬](../../images/md-haiga-m/man7.gif)
![八萬](../../images/md-haiga-m/man8.gif)
![九萬](../../images/md-haiga-m/man9.gif)
![東](../../images/md-haiga-m/ji1-ton.gif)
![南](../../images/md-haiga-m/ji2-nan.gif)
![西](../../images/md-haiga-m/ji3-sha.gif)
![北](../../images/md-haiga-m/ji4-pei.gif)
![一筒](../../images/md-haiga-m/pin1.gif)
![二筒](../../images/md-haiga-m/pin2.gif)
![三筒](../../images/md-haiga-m/pin3.gif)
![四筒](../../images/md-haiga-m/pin4.gif)
![五筒](../../images/md-haiga-m/pin5.gif)
![六筒](../../images/md-haiga-m/pin6.gif)
![七筒](../../images/md-haiga-m/pin7.gif)
![八筒](../../images/md-haiga-m/pin8.gif)
![九筒](../../images/md-haiga-m/pin9.gif)
![白](../../images/md-haiga-m/ji5-haku.gif)
![發](../../images/md-haiga-m/ji6-hatsu.gif)
![中](../../images/md-haiga-m/ji7-chun.gif)
![裏](../../images/md-haiga-m/ura.gif)
![一索](../../images/md-haiga-m/sou1.gif)
![二索](../../images/md-haiga-m/sou2.gif)
![三索](../../images/md-haiga-m/sou3.gif)
![四索](../../images/md-haiga-m/sou4.gif)
![五索](../../images/md-haiga-m/sou5.gif)
![六索](../../images/md-haiga-m/sou6.gif)
![七索](../../images/md-haiga-m/sou7.gif)
![八索](../../images/md-haiga-m/sou8.gif)
![九索](../../images/md-haiga-m/sou9.gif)
![赤五萬](../../images/md-haiga-m/man-aka5.gif)
![赤五筒](../../images/md-haiga-m/pin-aka5.gif)
![赤五索](../../images/md-haiga-m/sou-aka5.gif)
![横一萬](../../images/md-haiga-m/yoko-man1.gif)
![横二萬](../../images/md-haiga-m/yoko-man2.gif)
![横三萬](../../images/md-haiga-m/yoko-man3.gif)
![横四萬](../../images/md-haiga-m/yoko-man4.gif)
![横五萬](../../images/md-haiga-m/yoko-man5.gif)
![横赤五萬](../../images/md-haiga-m/yoko-man-aka5.gif)
![横六萬](../../images/md-haiga-m/yoko-man6.gif)
![横七萬](../../images/md-haiga-m/yoko-man7.gif)
![横八萬](../../images/md-haiga-m/yoko-man8.gif)
![横九萬](../../images/md-haiga-m/yoko-man9.gif)
![横一筒](../../images/md-haiga-m/yoko-pin1.gif)
![横二筒](../../images/md-haiga-m/yoko-pin2.gif)
![横三筒](../../images/md-haiga-m/yoko-pin3.gif)
![横四筒](../../images/md-haiga-m/yoko-pin4.gif)
![横五筒](../../images/md-haiga-m/yoko-pin5.gif)
![横赤五筒](../../images/md-haiga-m/yoko-pin-aka5.gif)
![横六筒](../../images/md-haiga-m/yoko-pin6.gif)
![横七筒](../../images/md-haiga-m/yoko-pin7.gif)
![横八筒](../../images/md-haiga-m/yoko-pin8.gif)
![横九筒](../../images/md-haiga-m/yoko-pin9.gif)
![横一索](../../images/md-haiga-m/yoko-sou1.gif)
![横二索](../../images/md-haiga-m/yoko-sou2.gif)
![横三索](../../images/md-haiga-m/yoko-sou3.gif)
![横四索](../../images/md-haiga-m/yoko-sou4.gif)
![横五索](../../images/md-haiga-m/yoko-sou5.gif)
![横赤五索](../../images/md-haiga-m/yoko-sou-aka5.gif)
![横六索](../../images/md-haiga-m/yoko-sou6.gif)
![横七索](../../images/md-haiga-m/yoko-sou7.gif)
![横八索](../../images/md-haiga-m/yoko-sou8.gif)
![横九索](../../images/md-haiga-m/yoko-sou9.gif)
![横東](../../images/md-haiga-m/yoko-ji1-ton.gif)
![横南](../../images/md-haiga-m/yoko-ji2-nan.gif)
![横西](../../images/md-haiga-m/yoko-ji3-sha.gif)
![横北](../../images/md-haiga-m/yoko-ji4-pei.gif)
![横白](../../images/md-haiga-m/yoko-ji5-haku.gif)
![横發](../../images/md-haiga-m/yoko-ji6-hatsu.gif)
![横中](../../images/md-haiga-m/yoko-ji7-chun.gif)
![ドドドド](../../images/gion/gion01.gif)
![ゴゴゴ](../../images/gion/gion02.gif)
![ドギャン](../../images/gion/gion03.gif)
![ヒデブ](../../images/gion/gion04.gif)
![ざわ・・](../../images/gion/gion05.gif)
![ざわ・・](../../images/gion/gion06.gif)
![ブシュー](../../images/gion/gion07.gif)
![ヒィ〜](../../images/gion/gion08.gif)
![ヒヒヒ…](../../images/gion/gion09.gif)
![メメタァ](../../images/gion/gion10.gif)
![ウヒヒ](../../images/gion/gion11.gif)
![ロンリング](../../images/gion/gion12.gif)
![アブシ!](../../images/gion/gion13.gif)
![ドゴーン](../../images/gion/gion14.gif)
牌画
麻雀の雀龍.com様のMサイズ(30×40ピクセル)の牌画を使用させて頂きました。
フォント(擬音画像作成に使用)
暗黒工房様の「吐き溜」「怨霊」「オバケ」を使用させて頂きました。
fub工房様の「切絵文字」「イバラ文字」「モフ字」を使用させて頂きました。
JavaScript
jQuery公式サイト様。これがないと動きません。Thanks!
Screw-Axis /螺旋軸/様のスピンボタン入力インターフェース「jQuery Spin」プラグインを使用させて頂きました。
DEV/GROW様のiPhone Style風のチェックボックスのコードを参考にさせて頂きました。
見本 |
文字サイズ:左マージン:
文字色: ←クリックするとカラーピッカーが開きます。
牌画タグ入力ツール「手牌つく郎」の特長と使い方
- 牌画をクリックするだけでタグが勝手にできる
- 好きなテキストを挿入できる
- テキストの太字・サイズ・色変更・マージンを指定できる
- 擬音も挿入できる
- 空白の間隔も自由に設定できる。実際の間隔を色でイメージ表示※タグには含まれません
やり直し機能実装。10回まで「最後を1つ消す」に変更。回数の制限撤廃
使い方は簡単です。詳しい使い方と使用例はを解説ページをご覧ください。
本コンテンツを利用する場合は麻雀の雀龍.com様の牌画Sサイズ(30×40ピクセル)が必要になります。お手数ですが、麻雀の雀龍.com様のサイトで牌画をダウンロードしてください。
麻雀の雀龍.com様の利用規約をよく読んで同意の上ご利用ください。
使い始めの時だけで良いので、http://www.mj-dragon.com/yaku/haiga.html へのリンク付きで、【※ 画像は麻雀の雀龍.comの、無料麻雀牌画を利用しています。】と明記してください。
本サーバーに置いてある牌画に限り直リンクOKとします。なお、麻雀の雀龍.com様にある牌画の直リンクは規約により禁止されていますのでご注意ください。
擬音画像を使いたい場合は、gion.zipをダウンロードしてください。
お知らせと注意事項
関連ブログ記事
麻雀ブロク!勝負は下駄を履くまでで牌画タグ入力ツールの紹介をしています。プログラムの書き方も掲載されています。興味をお持ちの方はご覧ください。
記事一覧
- 牌画タグ入力支援ツール「手牌つく郎」に新機能を追加しました
- 牌画タグ入力支援ツール「手牌つく郎」公開版できました
- 牌画タグ入力支援ツール作成への道 「手牌つく郎(仮)」 − その2
- 牌画タグ入力支援ツール作成への道 「手牌つく郎(仮)」
- サンプルページとプログラムのコード
擬音画像と免責事項について
擬音画像の利用は自由です。加工もどんどんしてください。なお、画像を使用して不都合や不利益なことが発生しても、当サイト及び関係者は一切の責任を負いません。ご使用は自己責任の範囲でお願いいたします。牌画の直リンクもご遠慮くださいませ。
注意事項
「手牌つく郎」はJavaScriptでプログラミングされています。本コンテンツを利用する場合は、ご使用のブラウザをJavaScriptが利用できる状態に設定しておいてください。