html文章中にマージャン牌の画像を簡単に埋め込むための文章変換ツール。いろんな牌柄の画像データに対応。ホームページや掲示板への書き込みにどうぞ。

同じ機能のツール

この頁よりも高機能で使いやすいかもしれない他サイトのツール(2012年1月現在)。

牌画入力ツール「パイガ」
同機能のツールの中でウェブ上での歴史が最も古く、最も洗練されたツール。

麻雀ウォーカー×麻雀王国

牌画ツール(天鳳牌理版)
使用されている「天鳳」の牌が美しい。わかりやすい直感的な操作で誰でも簡単に牌姿を作れてしまう。

なめとんの麻雀BLOG

手牌つく郎
本場(点棒)、擬音、文字色、サイズ、そして牌姿と不可分の発声までを網羅したパーフェクトなツール。

麻雀サークル ダメ雀

麻雀ブログエディタ(β)
手牌画像ジェネレーター
どちらも使いやすい。 手牌画像ジェネレータは牌姿全体の画像そのものを作ってくれる。

麻雀上達コミュ「何切る!?」

[雑録]牌画像文章変換

html 文章中にもマージャン牌の画像を!

HTML 文章の中に牌の画像テキストを記述するのを支援するツール。
テキストエディタを使って、HTML 文章の中に画像を埋め込むのは大変だが、アタキは何とかラクする方策を採っており、その方策をここに公開することにした。
テキストエディタでなく、専用のページ記述エディタを利用している方々には何のメリットもない。

…なんて、アップしてから、かなりの年月が経過した。
今回、チト仕様を変えて、PNG版に対応した。

利用方法

まず、牌のタイプの選択を行う。
次に「画像フォルダ」に牌の画像があるフォルダ名を記入する。相対パスでも絶対パスでも良いが、パス名の最後のスラッシュは省略しちゃダメだ。
次に「元の文章」の中に何らかの文章を記述する。当然、牌を表示したい文章なんだから、文章の途中に[發]だとか、[八索]だとか、[赤五筒]だとかを入れてほしい。
牌の数は[白白白ポッチ發發發中中中]のように一度にいくつでも書いて良い。 は、入れ子にしちゃダメ。
そして「変換する」ボタンを押すと「HTML文章」の中に変換された文章が表示されるので、それを自分のHTMLにコピーペーストすれば良い。

画像データ

「雀のお宿」の画像を使う場合には、「牌の画像データ」の各ページで画像ファイルを取得し、それを格納したフォルダを「画像フォルダ」に記載してください。

本サイト以外で配布されている画像については、該当するページの使用条件等に則って利用してください。

競技麻雀サークル・一向聴
「一向聴トップ」→「素材集」→「麻雀牌画」
まつセンパイ
(このサイトは閉鎖されています)
アンコロキング blog
「トップ」→「スペシャル:アンコロ牌画」

文章の中に埋め込む用

初めてでなければ
牌のタイプ Sample Image
オプション 縮小する(【お宿】のみ有効) すき間を詰める(アメブロ使用の場合)
画像フォルダ  例)../images/
文書の形式 HTML XML
横向き時前置文字  *この文字の直後の牌が1枚だけ横向きます。
改行コード埋込み しない(ブログや掲示板用) する(ホーム頁用)
元の文章 下の内容を書き直して「変換する」ボタンを押してください。

[sample2]  [sample3]  [sample4]  [sample5]
変換
画面上の表示例

実際の見え方

HTML 文章

仕様の詳細

牌名の記述について

索子牌の記述方法一索、二索、三索、..九索。
筒子牌の記述方法一筒、二筒、三筒、..九筒。
萬子牌の記述方法一萬、二萬、三萬、..九萬。「万」でも可。
字牌の記述方法東、南、西、北、白、發(発)、中。
赤牌の記述方法赤三索、赤五索、赤三筒、赤五筒、赤三萬、赤五萬。
その他の牌白ポッチ、裏(縦向きのみ)。
横向きの牌横赤三筒、横一索、等。「横」は前置文字で定義。

牌譜上の一般的な記述方法(「1」「2」「3」「一」「ニ」「三」「(1)」「(2」「3)」など)でも、うまく変換できるかもしれません。
機種依存文字である①②③なども使えるかもしれません。
横向きの記述は1枚だけ有効です。複数の牌を横向かせる場合には(って、そんな場合はナイだろ!)、「横一索横二筒横三索」のように1牌毎に記述しなければいけません。

文章全体の記述について

改行について 「改行コード埋込み」をする場合には、文章の中で改行すると
自動的に HTML の改行タグが埋め込まれます。
「元の文章」内での不要な改行は避けてください。
カッコ中の文字 カッコ内の空白はすべて取り除かれます。
また、牌名を囲むカッコが一つも無い場合には、
文章全体を変換対象にします。
文章中の表記制限 元の文章の中に HTML タグを記述することはできません
表示例が違う タイプC2(~以降)はこの画面では表示されません。すべてタイプB2と同じです。
タイプC3(~以降)はこの画面では表示されません。すべてタイプB3と同じです。

牌のタイプで、「特に指示しない」を選ぶ

ここに掲げた以外の画像を利用した HTML テキストを生成します。
画像のファイル名は、以下の規則に従う必要があります。

字牌:東→j1.gif 南→j2.gif 西→j3.gif 北→j4.gif 白→j5.gif 發→j6.gif 中→j7.gif
萬子:一萬→m1.gif 二萬→m2.gif ... 九萬→m9.gif
筒子:一筒→p1.gif 二筒→p2.gif ... 九筒→p9.gif
索子:一索→s1.gif 二索→s2.gif ... 九索→s9.gif
その他:白ポッチ→je.gif 裏向き→j9.gif 赤伍萬→me.gif 赤五筒→pe.gif 赤五索→se.gif

横向きの牌は、先頭に「2」の半角数字を付加。例えば「2m1.gif(横一萬)」など。