小粒プログラミング

#06 牌山から配牌を取る(2)

Javascriptで遊ぶ麻雀小粒プログラミング
今回のお題は、生成した牌山から配牌を取る処理を紹介します。配列の頭から順番に牌を引いていくだけの簡単な処理です。



プログラムの解説と実行

第一回目のお題の牌山を生成するで作った牌山から配牌を取り出します。今回は実際の麻雀と同じイメージで牌山からブロックごとに配牌を取る方法を紹介します。

  1. 配牌を取り出す牌山（配列yama）の左端上の番地を0とする。
  2. 4つの連続した配列番地が1ブロックになる。【例】0～3、26～29
  3. 6ブロック毎に配牌を取り出す。

たとえば、サイコロの目が5の場合の親の配牌の取り出しのイメージは次のようになります。

牌山から配牌をおのおの取り出すイメージ2

出た目に2を掛けた値が最初のブロックの先頭番地になります。2ブロック目は先頭番地に16を加えることで求められます。以降も同様にして番地を求めていきます。

5の目で取り出された配牌（親の配牌のみ）
牌山（シャッフル済み）【備考】配列yama：0～135番地





JavaScriptソースコード

本記事で紹介したサンプルプログラムをダウンロードできます。

サンプルプログラムのダウンロード

ダウンロードをする前にお読みください

  • サイトで紹介している記事の内容や公開しているプログラムの動作は100%保障するものではありません。
  • 当プログラム使用による如何なる不具合やトラブル、損害の責任も負いかねます。
  • 当プログラムは断り無く内容が変わることがあります。
  • 当プログラムを別サイトで配布することは禁止します。
  • サポートはいたしません。
  • 自己責任にてご利用くださいませ。

以上をご確認の上、プログラムのダウンロードをお願いいたします。

サンプルプログラムのソースコード

ソースコードは折りたたんであります。［+］を押すと、折りたたまれたソースコードが開きます。［-］を押すと、コードは折りたたまれます。

+ program_006.jsを開く

//============================================================================
//牌の配列：JSON形式
//============================================================================
var paiYama = [
	{"No":0,"paiName":"一萬","paiCode":"1m","paiNo":1},
	{"No":1,"paiName":"一萬","paiCode":"1m","paiNo":1},
	{"No":2,"paiName":"一萬","paiCode":"1m","paiNo":1},
	{"No":3,"paiName":"一萬","paiCode":"1m","paiNo":1},
	{"No":4,"paiName":"二萬","paiCode":"2m","paiNo":2},
	{"No":5,"paiName":"二萬","paiCode":"2m","paiNo":2},
	{"No":6,"paiName":"二萬","paiCode":"2m","paiNo":2},
	{"No":7,"paiName":"二萬","paiCode":"2m","paiNo":2},
	{"No":8,"paiName":"三萬","paiCode":"3m","paiNo":3},
	{"No":9,"paiName":"三萬","paiCode":"3m","paiNo":3},
	{"No":10,"paiName":"三萬","paiCode":"3m","paiNo":3},
	{"No":11,"paiName":"三萬","paiCode":"3m","paiNo":3},
	{"No":12,"paiName":"四萬","paiCode":"4m","paiNo":4},
	{"No":13,"paiName":"四萬","paiCode":"4m","paiNo":4},
	{"No":14,"paiName":"四萬","paiCode":"4m","paiNo":4},
	{"No":15,"paiName":"四萬","paiCode":"4m","paiNo":4},
	{"No":16,"paiName":"赤五萬","paiCode":"0m","paiNo":0},
	{"No":17,"paiName":"五萬","paiCode":"5m","paiNo":5},
	{"No":18,"paiName":"五萬","paiCode":"5m","paiNo":5},
	{"No":19,"paiName":"五萬","paiCode":"5m","paiNo":5},
	{"No":20,"paiName":"六萬","paiCode":"6m","paiNo":6},
	{"No":21,"paiName":"六萬","paiCode":"6m","paiNo":6},
	{"No":22,"paiName":"六萬","paiCode":"6m","paiNo":6},
	{"No":23,"paiName":"六萬","paiCode":"6m","paiNo":6},
	{"No":24,"paiName":"七萬","paiCode":"7m","paiNo":7},
	{"No":25,"paiName":"七萬","paiCode":"7m","paiNo":7},
	{"No":26,"paiName":"七萬","paiCode":"7m","paiNo":7},
	{"No":27,"paiName":"七萬","paiCode":"7m","paiNo":7},
	{"No":28,"paiName":"八萬","paiCode":"8m","paiNo":8},
	{"No":29,"paiName":"八萬","paiCode":"8m","paiNo":8},
	{"No":30,"paiName":"八萬","paiCode":"8m","paiNo":8},
	{"No":31,"paiName":"八萬","paiCode":"8m","paiNo":8},
	{"No":32,"paiName":"九萬","paiCode":"9m","paiNo":9},
	{"No":33,"paiName":"九萬","paiCode":"9m","paiNo":9},
	{"No":34,"paiName":"九萬","paiCode":"9m","paiNo":9},
	{"No":35,"paiName":"九萬","paiCode":"9m","paiNo":9},

	{"No":36,"paiName":"一筒","paiCode":"1p","paiNo":11},
	{"No":37,"paiName":"一筒","paiCode":"1p","paiNo":11},
	{"No":38,"paiName":"一筒","paiCode":"1p","paiNo":11},
	{"No":39,"paiName":"一筒","paiCode":"1p","paiNo":11},
	{"No":40,"paiName":"二筒","paiCode":"2p","paiNo":12},
	{"No":41,"paiName":"二筒","paiCode":"2p","paiNo":12},
	{"No":42,"paiName":"二筒","paiCode":"2p","paiNo":12},
	{"No":43,"paiName":"二筒","paiCode":"2p","paiNo":12},
	{"No":44,"paiName":"三筒","paiCode":"3p","paiNo":13},
	{"No":45,"paiName":"三筒","paiCode":"3p","paiNo":13},
	{"No":46,"paiName":"三筒","paiCode":"3p","paiNo":13},
	{"No":47,"paiName":"三筒","paiCode":"3p","paiNo":13},
	{"No":48,"paiName":"四筒","paiCode":"4p","paiNo":14},
	{"No":49,"paiName":"四筒","paiCode":"4p","paiNo":14},
	{"No":50,"paiName":"四筒","paiCode":"4p","paiNo":14},
	{"No":51,"paiName":"四筒","paiCode":"4p","paiNo":14},
	{"No":52,"paiName":"赤五筒","paiCode":"0p","paiNo":10},
	{"No":53,"paiName":"五筒","paiCode":"5p","paiNo":15},
	{"No":54,"paiName":"五筒","paiCode":"5p","paiNo":15},
	{"No":55,"paiName":"五筒","paiCode":"5p","paiNo":15},
	{"No":56,"paiName":"六筒","paiCode":"6p","paiNo":16},
	{"No":57,"paiName":"六筒","paiCode":"6p","paiNo":16},
	{"No":58,"paiName":"六筒","paiCode":"6p","paiNo":16},
	{"No":59,"paiName":"六筒","paiCode":"6p","paiNo":16},
	{"No":60,"paiName":"七筒","paiCode":"7p","paiNo":17},
	{"No":61,"paiName":"七筒","paiCode":"7p","paiNo":17},
	{"No":62,"paiName":"七筒","paiCode":"7p","paiNo":17},
	{"No":63,"paiName":"七筒","paiCode":"7p","paiNo":17},
	{"No":64,"paiName":"八筒","paiCode":"8p","paiNo":18},
	{"No":65,"paiName":"八筒","paiCode":"8p","paiNo":18},
	{"No":66,"paiName":"八筒","paiCode":"8p","paiNo":18},
	{"No":67,"paiName":"八筒","paiCode":"8p","paiNo":18},
	{"No":68,"paiName":"九筒","paiCode":"9p","paiNo":19},
	{"No":69,"paiName":"九筒","paiCode":"9p","paiNo":19},
	{"No":70,"paiName":"九筒","paiCode":"9p","paiNo":19},
	{"No":71,"paiName":"九筒","paiCode":"9p","paiNo":19},

	{"No":72,"paiName":"一索","paiCode":"1s","paiNo":21},
	{"No":73,"paiName":"一索","paiCode":"1s","paiNo":21},
	{"No":74,"paiName":"一索","paiCode":"1s","paiNo":21},
	{"No":75,"paiName":"一索","paiCode":"1s","paiNo":21},
	{"No":76,"paiName":"二索","paiCode":"2s","paiNo":22},
	{"No":77,"paiName":"二索","paiCode":"2s","paiNo":22},
	{"No":78,"paiName":"二索","paiCode":"2s","paiNo":22},
	{"No":79,"paiName":"二索","paiCode":"2s","paiNo":22},
	{"No":80,"paiName":"三索","paiCode":"3s","paiNo":23},
	{"No":81,"paiName":"三索","paiCode":"3s","paiNo":23},
	{"No":82,"paiName":"三索","paiCode":"3s","paiNo":23},
	{"No":83,"paiName":"三索","paiCode":"3s","paiNo":23},
	{"No":84,"paiName":"四索","paiCode":"4s","paiNo":24},
	{"No":85,"paiName":"四索","paiCode":"4s","paiNo":24},
	{"No":86,"paiName":"四索","paiCode":"4s","paiNo":24},
	{"No":87,"paiName":"四索","paiCode":"4s","paiNo":24},
	{"No":88,"paiName":"赤五索","paiCode":"0s","paiNo":20},
	{"No":89,"paiName":"五索","paiCode":"5s","paiNo":25},
	{"No":90,"paiName":"五索","paiCode":"5s","paiNo":25},
	{"No":91,"paiName":"五索","paiCode":"5s","paiNo":25},
	{"No":92,"paiName":"六索","paiCode":"6s","paiNo":26},
	{"No":93,"paiName":"六索","paiCode":"6s","paiNo":26},
	{"No":94,"paiName":"六索","paiCode":"6s","paiNo":26},
	{"No":95,"paiName":"六索","paiCode":"6s","paiNo":26},
	{"No":96,"paiName":"七索","paiCode":"7s","paiNo":27},
	{"No":97,"paiName":"七索","paiCode":"7s","paiNo":27},
	{"No":98,"paiName":"七索","paiCode":"7s","paiNo":27},
	{"No":99,"paiName":"七索","paiCode":"7s","paiNo":27},
	{"No":100,"paiName":"八索","paiCode":"8s","paiNo":28},
	{"No":101,"paiName":"八索","paiCode":"8s","paiNo":28},
	{"No":102,"paiName":"八索","paiCode":"8s","paiNo":28},
	{"No":103,"paiName":"八索","paiCode":"8s","paiNo":28},
	{"No":104,"paiName":"九索","paiCode":"9s","paiNo":29},
	{"No":105,"paiName":"九索","paiCode":"9s","paiNo":29},
	{"No":106,"paiName":"九索","paiCode":"9s","paiNo":29},
	{"No":107,"paiName":"九索","paiCode":"9s","paiNo":29},

	{"No":108,"paiName":"東","paiCode":"1z","paiNo":31},
	{"No":109,"paiName":"東","paiCode":"1z","paiNo":31},
	{"No":110,"paiName":"東","paiCode":"1z","paiNo":31},
	{"No":111,"paiName":"東","paiCode":"1z","paiNo":31},
	{"No":112,"paiName":"南","paiCode":"2z","paiNo":32},
	{"No":113,"paiName":"南","paiCode":"2z","paiNo":32},
	{"No":114,"paiName":"南","paiCode":"2z","paiNo":32},
	{"No":115,"paiName":"南","paiCode":"2z","paiNo":32},
	{"No":116,"paiName":"西","paiCode":"3z","paiNo":33},
	{"No":117,"paiName":"西","paiCode":"3z","paiNo":33},
	{"No":118,"paiName":"西","paiCode":"3z","paiNo":33},
	{"No":119,"paiName":"西","paiCode":"3z","paiNo":33},
	{"No":120,"paiName":"北","paiCode":"4z","paiNo":34},
	{"No":121,"paiName":"北","paiCode":"4z","paiNo":34},
	{"No":122,"paiName":"北","paiCode":"4z","paiNo":34},
	{"No":123,"paiName":"北","paiCode":"4z","paiNo":34},
	{"No":124,"paiName":"白","paiCode":"5z","paiNo":35},
	{"No":125,"paiName":"白","paiCode":"5z","paiNo":35},
	{"No":126,"paiName":"白","paiCode":"5z","paiNo":35},
	{"No":127,"paiName":"白","paiCode":"5z","paiNo":35},
	{"No":128,"paiName":"發","paiCode":"6z","paiNo":36},
	{"No":129,"paiName":"發","paiCode":"6z","paiNo":36},
	{"No":130,"paiName":"發","paiCode":"6z","paiNo":36},
	{"No":131,"paiName":"發","paiCode":"6z","paiNo":36},
	{"No":132,"paiName":"中","paiCode":"7z","paiNo":37},
	{"No":133,"paiName":"中","paiCode":"7z","paiNo":37},
	{"No":134,"paiName":"中","paiCode":"7z","paiNo":37},
	{"No":135,"paiName":"中","paiCode":"7z","paiNo":37}
];

var paiType = [
	{"No":0,"paiName":"赤五萬","cssSprite":"man0"},
	{"No":1,"paiName":"一萬","cssSprite":"man1"},
	{"No":2,"paiName":"二萬","cssSprite":"man2"},
	{"No":3,"paiName":"三萬","cssSprite":"man3"},
	{"No":4,"paiName":"四萬","cssSprite":"man4"},
	{"No":5,"paiName":"五萬","cssSprite":"man5"},
	{"No":6,"paiName":"六萬","cssSprite":"man6"},
	{"No":7,"paiName":"七萬","cssSprite":"man7"},
	{"No":8,"paiName":"八萬","cssSprite":"man8"},
	{"No":9,"paiName":"九萬","cssSprite":"man9"},

	{"No":10,"paiName":"赤五筒","cssSprite":"pin0"},
	{"No":11,"paiName":"一筒","cssSprite":"pin1"},
	{"No":12,"paiName":"二筒","cssSprite":"pin2"},
	{"No":13,"paiName":"三筒","cssSprite":"pin3"},
	{"No":14,"paiName":"四筒","cssSprite":"pin4"},
	{"No":15,"paiName":"五筒","cssSprite":"pin5"},
	{"No":16,"paiName":"六筒","cssSprite":"pin6"},
	{"No":17,"paiName":"七筒","cssSprite":"pin7"},
	{"No":18,"paiName":"八筒","cssSprite":"pin8"},
	{"No":19,"paiName":"九筒","cssSprite":"pin9"},

	{"No":20,"paiName":"赤五索","cssSprite":"sou0"},
	{"No":21,"paiName":"一索","cssSprite":"sou1"},
	{"No":22,"paiName":"二索","cssSprite":"sou2"},
	{"No":23,"paiName":"三索","cssSprite":"sou3"},
	{"No":24,"paiName":"四索","cssSprite":"sou4"},
	{"No":25,"paiName":"五索","cssSprite":"sou5"},
	{"No":26,"paiName":"六索","cssSprite":"sou6"},
	{"No":27,"paiName":"七索","cssSprite":"sou7"},
	{"No":28,"paiName":"八索","cssSprite":"sou8"},
	{"No":29,"paiName":"九索","cssSprite":"sou9"},

	{"No":30,"paiName":"裏","cssSprite":"ji0"},
	{"No":31,"paiName":"東","cssSprite":"ji1"},
	{"No":32,"paiName":"南","cssSprite":"ji2"},
	{"No":33,"paiName":"西","cssSprite":"ji3"},
	{"No":34,"paiName":"北","cssSprite":"ji4"},
	{"No":35,"paiName":"白","cssSprite":"ji5"},
	{"No":36,"paiName":"發","cssSprite":"ji6"},
	{"No":37,"paiName":"中","cssSprite":"ji7"}
];
//グローバル変数==============================================================
var yama = new Array(135);//牌山の配列：136牌
//============================================================================
//元になる牌山を生成する関数
function makePaiYama(){
	var i;
	for(i=0;i<136;i++){
		yama[i] = paiYama[i].paiNo;
	}
}
//============================================================================
//牌山をシャッフルする関数【Mersenne Twister in JavaScriptを利用】
function shufflePaiYama(){
    var mt = new MersenneTwister();//Mersenne­Twister オブジェクトの初期化
	var i,j,k;
	for(i=135;i>0;i--){
    	j = mt.nextInt(0, 135);  // 0 以上 135 未満の乱数（整数）を発生させる
        k = yama[i];//変数kに退避
		yama[i] = yama[j];//乱数で発生した番地の牌を代入する
		yama[j] = k;//変数Kから戻す
	}
}
//============================================================================
$("#PaiMakeBtn").click(function() {
	var dice = 5;//サイコロの目

	//牌山を生成する関数を呼び出す
	makePaiYama();

	//牌山をシャッフルする関数を呼び出す
	shufflePaiYama();

	//シャッフルした牌山を表示する
	(function (){
		var i;
		var paiga="";
		$("#paiYama").empty();
		for(i=0;i<136;i++){
			//親が取り出す牌のバックにシャドウをかける
			if(i==dice*2||i==dice*2+1||i==dice*2+2||i==dice*2+3||i==dice*2 +16||i==dice*2+16+1||i==dice*2+16+2||i==dice*2+16+3||i==dice*2 +32||i==dice*2+32+1||i==dice*2+32+2||i==dice*2+32+3||i==dice*2+48){
				paiga = "<span class=\"" + paiType[yama[i]].cssSprite + " paishadow\"></span>";//cssスプライトの牌画を配置
			}else{
				paiga = "<span class=\"" + paiType[yama[i]].cssSprite + "\"></span>";//cssスプラ
			}
			if(i%17==16){//17牌毎に改行させる
			//if(i==16||i==33||i==50||i==67||i==84||i==101||i==118||i==135){
				paiga += "<br>";
			}
				$("#paiYama").append(paiga);
		}

	})();

	//サイコロの目に合わせて取り出した牌を表示する
	(function (){
		var i,j,k;
		var paiga="";
		$("#paiTehai").empty();
		//1ブロック～3ブロックまで取り出す処理
		for(i=0;i<3;i++){
			for(j=0;j<4;j++){
				k = dice*2 + j + 16*i;//親が取り出す牌の番地
				//k = (dice*2 + 4) + j + 16*i;//南家が取り出す牌の番地
				//k = (dice*2 + 8) + j + 16*i;//西家が取り出す牌の番地
				//k = (dice*2 + 12) + j + 16*i;//北家が取り出す牌の番地
				paiga = "<span class=\"" + paiType[yama[k]].cssSprite + "\"></span>";//cssスプライトの牌画を配置
				$("#paiTehai").append(paiga);
			}
		}
		//13牌目を取り出す処理
		k = dice*2 + 16*3;//親が取り出す13牌目の番地
		//k = dice*2 + 16*3 + 1;//南家がが取り出す13牌目の番地
		//k = dice*2 + 16*3 + 2;//西家がが取り出す13牌目の番地
		//k = dice*2 + 16*3 + 3;//北家がが取り出す13牌目の番地
		paiga = "<span class=\"" + paiType[yama[k]].cssSprite + "\"></span>";//cssスプライトの牌画を配置
		$("#paiTehai").append(paiga);

	})();
});

+ program_006.cssを開く

@charset "utf-8";

#paiYama > span , #paiTehai > span{
background-color:transparent;
background-image:url(../images/damepai.png);
background-repeat:no-repeat;
background-attachment:scroll;
display:inline-block;
color:#000;
}

.paishadow{
	box-shadow: 0px 0px 5px 2px rgba(0, 256, 256, 1);
}

.man1{background-position:0px 0px;height:37px;width:27px;}
.man2{background-position:-27px 0px;height:37px;width:27px;}
.man3{background-position:-54px 0px;height:37px;width:27px;}
.man4{background-position:-81px 0px;height:37px;width:27px;}
.man5{background-position:-108px 0px;height:37px;width:27px;}
.man6{background-position:-135px 0px;height:37px;width:27px;}
.man7{background-position:-162px 0px;height:37px;width:27px;}
.man8{background-position:-189px 0px;height:37px;width:27px;}
.man9{background-position:-216px 0px;height:37px;width:27px;}
.man0{background-position:-243px 0px;height:37px;width:27px;}
.pin1{background-position:0px -37px;height:37px;width:27px;}
.pin2{background-position:-27px -37px;height:37px;width:27px;}
.pin3{background-position:-54px -37px;height:37px;width:27px;}
.pin4{background-position:-81px -37px;height:37px;width:27px;}
.pin5{background-position:-108px -37px;height:37px;width:27px;}
.pin6{background-position:-135px -37px;height:37px;width:27px;}
.pin7{background-position:-162px -37px;height:37px;width:27px;}
.pin8{background-position:-189px -37px;height:37px;width:27px;}
.pin9{background-position:-216px -37px;height:37px;width:27px;}
.pin0{background-position:-243px -37px;height:37px;width:27px;}
.sou1{background-position:0px -74px;height:37px;width:27px;}
.sou2{background-position:-27px -74px;height:37px;width:27px;}
.sou3{background-position:-54px -74px;height:37px;width:27px;}
.sou4{background-position:-81px -74px;height:37px;width:27px;}
.sou5{background-position:-108px -74px;height:37px;width:27px;}
.sou6{background-position:-135px -74px;height:37px;width:27px;}
.sou7{background-position:-162px -74px;height:37px;width:27px;}
.sou8{background-position:-189px -74px;height:37px;width:27px;}
.sou9{background-position:-216px -74px;height:37px;width:27px;}
.sou0{background-position:-243px -74px;height:37px;width:27px;}
.ji1{background-position:0px -111px;height:37px;width:27px;}
.ji2{background-position:-27px -111px;height:37px;width:27px;}
.ji3{background-position:-54px -111px;height:37px;width:27px;}
.ji4{background-position:-81px -111px;height:37px;width:27px;}
.ji5{background-position:-108px -111px;height:37px;width:27px;}
.ji6{background-position:-135px -111px;height:37px;width:27px;}
.ji7{background-position:-162px -111px;height:37px;width:27px;}
.ji0{background-position:-189px -111px;height:37px;width:27px;}

サイト内関連記事

おすすめレンタルサーバー

エックスサーバー｜高速・高機能レンタルサーバー

「オールSSDの快適ハイスペック環境」「国内管理、大容量バックボーン」「独自SSLが無料」「FastCGIなどの高速化機能」「最新のPHP7を実装」など、高機能・高コストパフォーマンスなレンタルサーバーです。※当サイトも「エックスサーバー」で運用しています。

公式サイトへ

ウザク式麻雀牌効率学習


ウザク式麻雀学習 牌効率

麻雀の牌効率を覚えたい初心者向け決定版。読者に大好評の麻雀 定石「何切る」301選と麻雀 傑作「何切る」300選の著者が「初心者が何切るを解く前に読んでもらうことで、効率よく学習してもらいたい」という願いを込めた一冊です。

amazonで購入！

ウザク式麻雀学習 牌効率

-小粒プログラミング
-,