面子表示関数を生成する関数

• pai - function
• 返り値 - function
  • m - 面子
  • 返り値 - DOM

関数 pai 使って面子を表すDOMノードを生成する関数を生成し、返す。

であれば、生成されるDOMノードは以下の構成となる。

span.mianzi
  span.rotate
    .pai(data-pai="m3")
  .pai(data-pai="m1")
  .pai(data-pai="m2")

面子全体を .mianzi で囲み、鳴いた牌は .rotete で囲む。 表示方法はCSSに委ねられるので、.rotate で囲まれた牌を横向きにするなどの指定が必要になる。

本関数は Majiang.UI.Shoupai などが、その実装のために内部的に使用する。

    const pai = Majiang.UI.pai($('#loaddata'));     // 牌表示関数を生成

    /* id="mianzi" のDOMノードに面子(m123-)を表示する */
    $('#mianzi').append(mianzi(pai)('m123-'));