スロットゲームでハズレの際は絶対に絵柄が揃わないようにしたい

Question

javascript、css、htmlでスロットゲームを制作しています。
3つの回転するリールを3つのボタンで1つづつ止めて、リールに描かれた絵柄が横3つ・左右斜3つに揃えば当たりという方式で、
当たりハズレの抽選はwinLottery関数で行なっており、最大65536の乱数を生成し、配列configTableで指定した範囲内であれば当たりで、3つのリールともに当たった絵柄に止まります。
それ以外はハズレで、3つのリールとも乱数で適当に選んだ絵柄に止まるのですが、
時々ハズレの場合でも意図しない形で横3つ・左右斜3つに絵柄が揃ってしまうことがあります。
ハズレの際は絵柄が全く揃わないようにするにはどの様な乱数の決め方やチェックを行えばいいでしょうか。
どうかご提示よろしくお願いいたします。

【ソースコード】

	// 定数定義
	var fps = 60; //FPS
	var interval = 1 / fps * 1000;
	
	var maxRand = 65536; //最大乱数
	//11070
	var configNum = 6; //設定数
	var configTable = [
		// 0:BIG 1:REG 2:コイン 3:スイカ 4:ベル 5:チェリー 6:リプレイ
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]], //設定1
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]], //設定2
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]], //設定3
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]], //設定4
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]], //設定5
		[[0,99],[100,149],[150,299],[300,549],[550,869],[870,2539],[2540,4500]]  //設定6
	];

	var iconNum = 21; //リールに表示する絵柄絵柄数
	var iconWidth = 120; //絵柄の幅
	var iconHeight = 60; //絵柄の高さ
	
	var reelArray = new Array();
	var reelNum = 3; //リール数
	var reelMargin = 5;
	var reelBaseX = 18;
	var reelBaseY = 92;
	var reelHeight = (iconHeight * iconNum); //リールの高さ
	var reelMoveSpeedY = Math.floor(iconHeight / 3); //リール移動スピード

	var iconArray = [//絵柄配列
		[4, 5, 1, 3, 4, 6, 1, 3, 2, 6, 4, 3, 5, 6, 2, 5, 6, 4, 3, 0, 6],
		[6, 4, 1, 3, 6, 5, 4, 5, 6, 4, 2, 3, 6, 0, 4, 3, 6, 1, 4, 2, 5],
		[5, 3, 1, 4, 6, 3, 4, 0, 6, 3, 5, 6, 2, 3, 4, 6, 5, 0, 3, 4, 6]
	];
	var stopLineArray = [[1,1,1],[0,0,0],[2,2,2],[0,1,2],[2,1,0]]; //停止ライン配列
	var stopLineId = 0;

	//変数定義
	var configId = Math.floor(Math.random()*configNum); //設定を決める
	
	var reelStopFlg = [null, null, null];
	var reelposY = [0, 0, 0]; //リールの移動量
	
	var winIconArray = [ //当たり絵柄配列
		[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
		[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
		[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
	];
	var hitIcon = [
		[0, 0, 0],
		[0, 0, 0],
		[0, 0, 0]
	];
	
	// リール回転用
	var reelmoveAnime;

	addSlots();

	function slotStart() {
		reelStopFlg = [false, false, false];
		winLottery();
		reelmoveAnime = setInterval(slotMove, interval);
		$('[id^=stopbtn]').css("pointer-events", "auto");
	}

	function slotStop(i) {
			reelStopFlg[i] = true;
		}

	function winLottery() {
		var iArray = [0,0,0];
		var rand = Math.floor(Math.random()*maxRand);
		for (var i = 0; i < configTable[configId].length; i++) {
			if(configTable[configId][i][0] >= rand || rand <= configTable[configId][i][1]){
				console.log("あたり");
				iArray = [i,i,i];
				wIcArrayRewrite(iArray);
				break;
			}
			if(i == configTable[configId].length-1){
				console.log("はずれ");
				iArray[0] = Math.floor(Math.random()*configTable[configId].length);
				iArray[1] = Math.floor(Math.random()*configTable[configId].length);
				iArray[2] = Math.floor(Math.random()*configTable[configId].length);
				wIcArrayRewrite(iArray);
			}
		}
	}

	function wIcArrayRewrite(iArray) {
		for (var i = 0; i < reelNum; i++) {
			for (var j = 0; j < iconNum; j++) {
				if(iconArray[i][j] == iArray[i]){
					winIconArray[i][j] = 1;
				}else{
					winIconArray[i][j] = 0;
				}
			}
		}
	}

	//リール作成
	function addSlots() {
		reelStopFlg[i] = false;
		for (var i = 0; i < reelNum; i++) {
			$('.reel').eq(i).css("left", ((iconWidth + reelMargin) * i) + "px");
			$('.wrapper').eq(i).css("height", reelHeight + "px");
			$('.wrapper').eq(i).css("top", "-" + (iconHeight * Math.floor(Math.random()*iconNum)) + "px");
			for (var j = 0; j < 24; j++) {
				if (j < iconNum) {
					$('.wrapper').eq(i).append("<li class='icon icon" + iconArray[i][j] +
						"'>" + iconArray[i][j] + "</li>");
				} else {
					$('.wrapper').eq(i).append("<li class='icon icon" + iconArray[i][j - 21] +
						"'>" + iconArray[i][j - 21] + "</li>");
				}
			}
		}
	}

	//リール回転
	function slotMove() {
		for (var i = 0, stopCount = 0; i < reelNum; i++) {
			if (!reelStopFlg[i] || reelposY[i] % iconHeight || winIconArray[i][(-reelposY[i] / iconHeight)+stopLineArray[stopLineId][i]] != 1) {
				reelposY[i] += reelMoveSpeedY;
				if (reelposY[i] > 0) reelposY[i] -= reelHeight;
				$('.wrapper').eq(i).css("top", reelposY[i] + "px");
			} else {
				stopCount++;
			}
			if (stopCount == reelNum) {
				$('#startbtn').css("pointer-events", "auto");
				clearInterval(reelmoveAnime);
				slotHits();
			}
		}
	}

	function slotHits() {
		for (var i = 0; i < reelNum; i++) {
			for (var j = 0; j < reelNum; j++) {
				hitIcon[i][j] = ((-reelposY[i] / iconHeight) + j);
				if (hitIcon[i][j] >= iconNum) {
					hitIcon[i][j] -= iconNum;
				}
			}
		}
		if (iconArray[0][hitIcon[0][0]] == iconArray[1][hitIcon[1][0]] && 
			iconArray[1][hitIcon[1][0]] == iconArray[2][hitIcon[2][0]]) {
			$("#result").html("上段が揃いました");
		} else if (iconArray[0][hitIcon[0][1]] == iconArray[1][hitIcon[1][1]] &&
			iconArray[1][hitIcon[1][1]] == iconArray[2][hitIcon[2][1]]) {
			$("#result").html("中段が揃いました");
		} else if (iconArray[0][hitIcon[0][2]] == iconArray[1][hitIcon[1][2]] &&
			iconArray[1][hitIcon[1][2]] == iconArray[2][hitIcon[2][2]]) {
			$("#result").html("下段が揃いました");
		} else if (iconArray[0][hitIcon[0][2]] == iconArray[1][hitIcon[1][1]] &&
			iconArray[1][hitIcon[1][1]] == iconArray[2][hitIcon[2][0]]) {
			$("#result").html("左斜めが揃いました");
		} else if (iconArray[0][hitIcon[0][0]] == iconArray[1][hitIcon[1][1]] &&
			iconArray[1][hitIcon[1][1]] == iconArray[2][hitIcon[2][2]]) {
			$("#result").html("右斜めが揃いました");
		} else {
			$("#result").html("残念！！");
		}
	}

もしお時間があればこちらの質問にも回答していただければ幸いです。
https://teratail.com/questions/114846

【追記】
ご回答された方申し訳ありません。もう少し詳細な説明をするべきでした。

このスロットは、縦3つ・左右斜め3つのラインに絵柄を揃えるルールですので、画面上はこのようになっています。
[2][4][6]
[5][8][3]
[9][7][1]
ハズレの際の絵柄を決める部分はこうなっています。

iArray[0] = Math.floor(Math.random()*configTable[configId].length);
				iArray[1] = Math.floor(Math.random()*configTable[configId].length);
				iArray[2] = Math.floor(Math.random()*configTable[configId].length);

その結果出力された乱数は例えば
iArray[1,3,5]
だとすると、中央のラインは揃いませんが、画面では
[2][2][2]
[1][3][5]
[4][8][7]
と、上ラインに2の絵柄が揃ってしまいます。
※これは例ですので、実際のリールの配列とは違います

乱数は中央ラインにしか対応しておらず、上下ライン・左右斜めラインが予期しない形で揃ってしまうことがあるので、それを解消したいというわけです。

中央ラインだけ揃わないようにする方法は簡単ですが、これはリール配列の参照を行わないと実現できないと思うのですが、そのロジックが思いつきません。

実際のコードは記載していただかなくても構いませんので、考え方のヒントやアドバイスなどを
よろしくお願い致します。
【追記 2018/03/10】
この部分を

iArray[0] = Math.floor(Math.random()*configTable[configId].length);
				iArray[1] = Math.floor(Math.random()*configTable[configId].length);
				iArray[2] = Math.floor(Math.random()*configTable[configId].length);

こうしてみたのですが、

var stopLineArray = [[1,1,1],[0,0,0],[2,2,2],[0,1,2],[2,1,0]]; //停止ライン配列

stopLineId = Math.floor(Math.random()*stopLineArray.length);
for (var i = 0; i < iconNum; i++) {
	if (iconArray[0][stopLineArray[stopLineId][i]] != iconArray[1][stopLineArray[stopLineId][i]] && 
		iconArray[1][stopLineArray[stopLineId][i]] != iconArray[2][stopLineArray[stopLineId][i]]) {
			iArray[0] = iconArray[0][stopLineArray[stopLineId][i]];
			iArray[1] = iconArray[1][stopLineArray[stopLineId][i]];
			iArray[2] = iconArray[2][stopLineArray[stopLineId][i]];
							break;
	}
}

時々止まってしまったり、ボタンを押したときにリールが止まらないことがあります。
【追記 2018/03/12】
以下のような関数を作って、

function slotAdjust(reelId) {
	var hitIcon = [[0, 0, 0],[0, 0, 0],[0, 0, 0]];
	for (var i = 0; i < reelNum; i++) {
		for (var j = 0; j < reelNum; j++) {
			hitIcon[i][j] = ((-reelposY[i] / iconHeight) + j);
			if (hitIcon[i][j] >= iconNum) {
				hitIcon[i][j] -= iconNum;
			}
		}
	}
		
	for (var c = 0; c < stopLineNum; c++) {
		if (iconArray[0][hitIcon[0][stopLineArray[c][0]]] == iconArray[1][hitIcon[1][stopLineArray[c][1]]] && 
			iconArray[1][hitIcon[1][stopLineArray[c][1]]] == iconArray[2][hitIcon[2][stopLineArray[c][2]]]) {
			return false;
		}else{
			return true;
		}
	}
}

slotMove関数を以下のように変更してみたのですが、

//リール回転
function slotMove() {
//省略
	var adjust = slotAdjust();
//省略
if (stopCount == reelNum) {
	if(adjust){
		$('#startbtn').css("pointer-events", "auto");
		clearInterval(reelmoveAnime);
		slotHits();
	}else{
		reelposY[i] += reelMoveSpeedY;
		if (reelposY[i] > 0) reelposY[i] -= reelHeight;
		$('.wrapper').eq(i).css("top", reelposY[i] + "px");
	}
}

これでも揃ってしまうことがあります。
【追記 2018/03/13】
以下のように変更してみたのですが、

var slipPosY = [0, 0, 0];
	function slotStop(i) {
		//省略
		slipPosY[i] = 0;
		//省略
	}
	function slotMove() {
//省略
		for (var i = 0, stopCount = 0; i < reelNum; i++) {
			if (!reelStopFlg[i] || reelposY[i] % iconHeight){
//省略
			} else {
				if(winFlg && winIconArray[i][(reelposY[i] / iconHeight)+stopLineArray[stopLineId][i]] != 1 ||
					stopCount == reelNum-1 && !winFlg && !adjust) {
					if(slipPosY[i] < (iconHeight*3)){
						adjust = slotAdjust();
						slipPosY[i] += iconHeight;
						reelposY[i] += reelMoveSpeedY;
						if (reelposY[i] > 0) reelposY[i] -= reelHeight;
						$('.wrapper').eq(i).css("top", reelposY[i] + "px");
					}else{
						stopCount++;
					}
				}else{
					stopCount++;
				}
			}
//省略
		}
	}

これでもダメでした。

Answer 1

乱数で適当に選んでから絵柄のチェックを行い、揃っていたらも一度やり直すってテしかないでしょうね

Comments

[miyabi_pudding]

それが一番ですよね。

Answer 2

スロットゲームは本来、「ドラムが回って、止まったところで絵柄が揃っていれば当たり」ですよね。
ですが貴方のやっていることは、「ドラムを回さずに当たり外れを決めて、あとからドラムを調整する」ですよね。

因果が逆転しているからおかしなことになってしまうのでは？

Comments

[y_waiwai]

ま、まあ、、お気持ちはわかります。

が、この世の中にあるゲーム機、スロット機も含め、ガチャとかなんとかもひっくるめ、当落を決定してから回してたりするので。

[miyabi-sun]

パチスロのスロットはBarが画面内に来るギリギリで左を押さないと、
リプレイやベル等を取りこぼして、負ける確率が高くなるような台もあります。
最終的にそのレベルまで延々質問するんじゃないですかね…

Answer 3

あまりコードは読んでいませんが純粋な疑問があります。

そもそもなんですが
「高速回転しているリールを任意のタイミングで止めて必ず外れる」
ということはありえないと思います。どのような乱数を生成をしても同様です。

「必ず外れる」のは「乱数ではない」と思います。

まず考えるべきなのは
「必ず外れるリールの止め方、ロジック」ではないんですか？

#追記
質問文が追記されていたのでこちらも修正
差し当たってはハズレの時に
「ただ一つのハズレリール」に止まるようにしてみては？
あたりの逆みたいな感じですね。
あとはハズレリールの組み合わせ方を増やしていけばいいのでは？

Comments

[y_waiwai]

いや、まー、そのー、、
世の中のゲーム機やスロット機は、当落が決められてからまわしてますんで

[sousuke]

それはもちろんです。私が言っているのは「当落を決めて回しているのに、乱数を用いてリールを止めようとする」というアプローチがおかしいのではと言っています。当落が決まっているのであればリールの組み合わせも決まっているはずです。

[y_waiwai]

ハズレは決まっていてもハズレの絵柄は決まってないわけで、
それを乱数で決めようというはなしかと。

[sousuke]

ハズレの絵柄のうちから選ぶという話なら「あたりでないのにあたってしまう」という質問と不一致になります。
質問者は「あたりかハズレかは決まっているが、リールをランダムで止めているのであたってしまう。外れるように乱数を生成するなりなんだりして止まるリールをコントロールする」ということをしようとしているように見えます。
要するに私は「ハズレの絵柄を決めてしまうのが先では？」と言っています。

[Lhankor_Mhy]

横からすみません。
質問者は「ハズレの絵柄の決め方」を質問していると思いますよ。
コードを見ると抽選から外れた時は、絵柄を乱数で3つ選んでいるけれどそのやり方だと必ずは外れないので、ランダム性を持たせた「ハズレの絵柄の決め方」はないですか？という質問でしょう。

[Lhankor_Mhy]

あ、もしかして「抽選から外れた」時点で「ハズレの絵柄」は決まっているはず、とお考えなのですね。
コードを見る限り、そういうアルゴリズムではないですね。
「そもそもそのアルゴリズムがおかしい」とおっしゃるかもしれませんが、これはたぶん現実のスロットの仕様のシミュレータなので、「そもそも論」は質問者も困ってしまうかもしれませんね。

[sousuke]

『「抽選から外れた」時点で「ハズレの絵柄」は決まっているはず』
↑そういう風にしたほうがいいのではということです。絵柄を確定する必要はありませんが「ハズレの中から乱数で選ばない」と「ハズレにならない」はずです。
なので「絵柄を乱数で3つ選んで外れさせる」ということがおかしいと思います。
絵柄を乱数で選べば結果がランダムになるのは当たり前で、どういう風に乱数を生成しようが乱数である限りランダムになるはずで、ランダムであるということは当たる可能性もあるということです。

[Lhankor_Mhy]

では、「ハズレの中から乱数で選」ぶ方法をご回答されればよろしいのでは。
それが質問者が求めているものでもあると思いますので。

[sousuke]

なので「必ず外れるリールの止め方、ロジック」を考えるのが先と申し上げています。そのやり方までこちらが教える必要はないと思います。

[Lhankor_Mhy]

『絵柄が全く揃わないようにするにはどの様な乱数の決め方やチェックを行えば』という質問に対し、「必ず外れるリールの止め方やロジックは自分で考えろ」という回答なのですね？
つまり、「この質問には答えたくない」という回答を記述された、と理解してよろしいですか？

[sousuke]

『絵柄が全く揃わないようにするにはどの様な乱数の決め方』に対して「そんな乱数は存在しない」という私の意見は変わりません。
『絵柄が全く揃わない乱数』ってなんですか？

「仕様がおかしいのでは？」というのを「質問に答えたくない」と感じられるのならそうでしょうね。

逆に私の読解力が足りなくて「ハズレの中からどう選べばいいんですか？」ともし問うているなら「ハズレ絵柄の候補から乱数で１つ選ぶ」ことに対して乱数の決め方やチェックなど不要でしょう。どの乱数を選んでも必ず外れるんですからね。極端な話ハズレの柄が固定の１種類でも１００種類でも「ゲーム性」は全く変わりませんよ。飽きさせないようにハズレの柄を増やしているだけです。

[Lhankor_Mhy]

用語は不適切なのかもしれませんが、文意から「乱数をどのようにマッピングすればいいのか」「どのように当たり絵柄を除外すればいいのか」という質問であることは読み取れると思うのですが……
まあ、感覚の違い、ということなのでしょうね。

長々と失礼致しました。

[sousuke]

乱数を使うということは「結果がランダムでいい」からです。
結果がハズレと決まっていて「ランダムではいけない」のに「乱数を使う」というのはおかしくないですか？
と最初から言っているだけなんですが…

まあ、感覚の違い、ということでしょうね。

[Zuishin]

スロットは絵柄が何種類かあってそれが縦横斜めのいずれか一つでも揃うと当たりになります。
つまり外れは一種類ではないので乱数の入る余地はあります。

仮に前二つで次のように揃っていたとします。

1 2
9 1
1 1

この場合、右上か右下に 1 が来れば当たりですが、それ以外だと外れになります。
絵柄が 0 から 9 だとするとそのような組み合わせは 9 * 10 * 9 = 810 通りあることになります。

この時、あらかじめ外れの 810 通りを求めてから乱数でそのうちの一つを選ぶ方法もありますし、とりあえず全ての組み合わせから選んで当たっていたらやり直す方法もあります。

実装はやり直す方法の方が簡単ですが、最悪の偏りを引いた場合に時間がかかることがあります。ただしこの場合は演算も簡単で外れの確率も多いのでそれは無視してもいいと思います。
最初に外れの組み合わせを選ぶ方法は少しだけハードルが上がりますがそれほど難しいというほどでもありません。
どちらでも構わないと思います。

しかしどちらにしても乱数は必要ではないでしょうか。

[sousuke]

私は乱数がいらないと言っているのではなく、外れさせたいのにランダム要素に頼るのはどうなのかと疑問を投げているだけです。特に今の質問文ではリール配列に途中でアクセスすらしたくないような印象を受けます。

Zuishin氏の仰るような「ハズレのロジック」が先にあるのであれば問題ないです。
質問者さんは「ハズレのロジック」がないのに「乱数でハズレを引く」ということをやろうとしているように見えたためそう言ったまでです。

Answer 4

追記の回答

リールがいずれか揃っている、という判定は当然どこかで行ってるわけですよね？
それが行えないと、肝心な点数計算もできないわけですし。
それを、ハズレのときの乱数でのリール位置決定のときに実行すればいいのです。

１--->
乱数によりリール位置決定

　 リールの当たり判定実行
当たりがあるか？あれば１へ
終わり

と、こういう手順でハズレのリール位置が決定できます

Comments

[nosonosolife]

ご回答ありがとうございます。
「リールの当たり判定実行」の部分を詳しく教えていただけると幸いです。

[y_waiwai]

そもそも当たりの判定ができる、という前提の上でのハズレですから、それができないとそもそもこの質問が成立しませんねー

Answer 5

皆様ご回答ありがとうございました。以下のようにしたところ上手くいきました。
※以下のコードは重要な部分だけ抜き出しています

var reelStopFlg = [null, null, null];
var reelStopOrder = [null, null, null];
var reelStopCount = 0;
var slipPosY = [0, 0, 0];
	//リール回転
	function slotMove() {
		for (var i = 0; i < reelNum; i++) {
			if (!reelStopFlg[i] || reelposY[i] % iconHeight) {
				reelposY[i] += reelMoveSpeedY;
				if (reelposY[i] > 0) reelposY[i] -= reelHeight;
				$('.wrapper').eq(i).css("top", reelposY[i] + "px");
			} else {
				slotSlip(reelStopOrder[reelStopCount]);
			}
		}
	}
	
	function slotSlip(i) {
		if (slipPosY[i] < (iconHeight * 4)) {
			if (reelposY[i] % iconHeight && stopIconArray[i][(reelposY[i] / iconHeight) + stopLineArray[stopLineId][i]] != 1) {
				slipPosY[i] += reelMoveSpeedY;
				reelposY[i] += slipPosY[i];
				if (reelposY[i] > 0) reelposY[i] -= reelHeight;
				$('.wrapper').eq(i).css("top", reelposY[i] + "px");
			}
		}
		if (reelStopCount == reelNum){
			if (!winFlg) {
				var adjust = slotAdjust();
				if (!adjust){
						adjust = slotAdjust();
						reelposY[i] += reelMoveSpeedY;
						if (reelposY[i] > 0) reelposY[i] -= reelHeight;
						$('.wrapper').eq(i).css("top", reelposY[i] + "px");
				} else {
					$('#betbtn').css("pointer-events", "auto");
					clearInterval(reelmoveAnime);
					slotHits();
				}
			} else {
				$('#betbtn').css("pointer-events", "auto");
				clearInterval(reelmoveAnime);
				slotHits();
			}
		}
	}

	function hitIconWrite() {
		var hitIcon = [
			[0, 0, 0],
			[0, 0, 0],
			[0, 0, 0]
		];
		for (var i = 0; i < reelNum; i++) {
			for (var j = 0; j < reelNum; j++) {
				hitIcon[i][j] = ((-reelposY[i] / iconHeight) + j);
				if (hitIcon[i][j] >= iconNum) {
					hitIcon[i][j] -= iconNum;
				}
			}
		}
		return hitIcon;
	}

	function slotAdjust() {
		var hitIcon = hitIconWrite();
		var hitCount = 0;
		for (var c = 0; c < stopLineNum; c++) {
			if (iconArray[0][hitIcon[0][stopLineArray[c][0]]] == iconArray[1][hitIcon[1][stopLineArray[c][1]]] && iconArray[1][hitIcon[1][stopLineArray[c][1]]] == iconArray[2][hitIcon[2][stopLineArray[c][2]]]) {
				hitCount++;
			}
		}
		if (0 < hitCount) {
			return false;
		} else {
			return true;
		}
	}

Answer 6

iArray[0] = Math.floor(Math.random()*configTable[configId].length);

iArray[1] = Math.floor(Math.random()*configTable[configId].length);
iArray[2] = Math.floor(Math.random()*configTable[configId].length);
結果
[2][2][2]
[1][3][5]
[4][8][7]

上記の上下段をどのようにして導き出したのかは分かりませんがもうほぼ出来てるような…
ここまで実装出来たのであれば少し処理の順番を変えて、
中段リールを先に全て決める(上記だと1,3,5)ではなく、

１．あたりハズレを決める(どの絵柄を止めるかも)

２．左リールの上中下段を決める
→当たりなら必ず当たりの絵柄を含める

３．左リールと突き合わせて中リールを決める
→この際、テンパイラインを一つまでにするとあとが楽です

４．当たりの場合はテンパイラインに合わせて絵柄を止める、ハズレの場合はその逆

ご存知か分かりませんがドラクエのカジノのスロットみたいな動きに見受けられたのでこれで十分かと。
まぁボタンを押した際に止めるリールを決める場合も上記を応用するだけですが。

念の為３の左リールと突き合わせての部分ですが、考え方ということでもの凄いざっくりした実装手順を示すと

// 左リール決定
left[0] = Math.floor(Math.random()*configTable[configId].length);
left[1] = Math.floor(Math.random()*configTable[configId].length);
left[2] = Math.floor(Math.random()*configTable[configId].length);

// 中リール上段決定(ハズレ時)
var centerUpper = Math.floor(Math.random()*configTable[configId].length);
if (left[0] != centerUpper && center[1] != centerUpper) {
    center[0] = centerUpper;
}

でどうでしょうかね。

Comments

[nosonosolife]

ご回答ありがとうございます。
ちょっと誤解されている部分がありますので説明しますと、
リールの作成は以下の絵柄を参照して、
var iconArray = [//絵柄配列
[4, 5, 1, 3, 4, 6, 1, 3, 2, 6, 4, 3, 5, 6, 2, 5, 6, 4, 3, 0, 6],
[6, 4, 1, 3, 6, 5, 4, 5, 6, 4, 2, 3, 6, 0, 4, 3, 6, 1, 4, 2, 5],
[5, 3, 1, 4, 6, 3, 4, 0, 6, 3, 5, 6, 2, 3, 4, 6, 5, 0, 3, 4, 6]
];
以下のように連結して作成しています。

//リール作成
function addSlots() {
for (var i = 0; i < reelNum; i++) {
reelStopFlg[i] = false;
$('.reel').eq(i).css("left", ((iconWidth + reelMargin) * i) + "px");
$('.wrapper').eq(i).css("height", reelHeight + "px");
$('.wrapper').eq(i).css("top", "-" + (iconHeight * Math.floor(Math.random()*iconNum)) + "px");
for (var j = 0; j < 24; j++) {
if (j < iconNum) {
$('.wrapper').eq(i).append("<li class='icon icon" + iconArray[i][j] +
"'>" + iconArray[i][j] + "</li>");
} else {
$('.wrapper').eq(i).append("<li class='icon icon" + iconArray[i][j - 21] +
"'>" + iconArray[i][j - 21] + "</li>");
}
}
}
}

[yag]

コードの記述ありがとうございます。
変数やclassが何を示しているのかの詳細が分からない部分があるので憶測になってしまし申し訳ありませんが、
何にしても左リールの上中下段から順番に決めれば簡単に実現できると思います。

左リールの配列から上中下段を取得(乱数で取ろうがなんでもお任せします)
↓
中リールの上中下段を取得(上記同様)
↓
先ほどの投稿の様にテンパイラインを判定

あとは、ハズレにしたいのであればテンパイラインが多くても一つになるまでずらす、
ずらすというのはリール配列が決まっているようなのでリールを一段下に下げる。

例として
仮に絵柄配列の一番最初の要素を左リール、二番目の要素を中リールとした場合に、各配列の0~2を使用した場合
1 1
6 4
4 6
↓
1 3
6 1
4 4
↓
1 6
6 3
4 1

何かまだ勘違いしていたらすいません。

[nosonosolife]

ご返信ありがとうございます。
私の方も説明が足りなかったので申し訳ございませんが、
絵柄配列は
var iconArray = [//絵柄配列
[4, 5, 1, 3, 4, 6, 1, 3, 2, 6, 4, 3, 5, 6, 2, 5, 6, 4, 3, 0, 6],// 左リール
[6, 4, 1, 3, 6, 5, 4, 5, 6, 4, 2, 3, 6, 0, 4, 3, 6, 1, 4, 2, 5],//中リール
[5, 3, 1, 4, 6, 3, 4, 0, 6, 3, 5, 6, 2, 3, 4, 6, 5, 0, 3, 4, 6]//右リール
];
というようになっています。

[yag]

いえいえ、ご説明ありがとうございます。
でしたらやはり、上記の流れの再記述になってしまいますが

例としての
1 1
6 4
4 6
↓
1 3
6 1
4 4
↓
1 6
6 3
4 1
↓
1 6 1
6 3 3
4 1 5

ですかね。

[yag]

すいません、左リールの数値間違えてました。
1 1
5 4
4 6
↓
1 3
5 1
4 4
↓
1 6
5 3
4 1
↓
1 6 1
5 3 3
4 1 5

です。

Answer 7

当たりハズレのアルゴリズム云々の前に, まずはじめにリール(固定的な画像の並び)の設計が必要なのでしょう.

• リールの絵柄の並びを設計する

その際に, 絶対にハズレとなるパターンをリストアップしておく

• スロット開始時に「ハズレ」と判定した場合は, 予めハズレと判っているパターンにリールが止まるようにリールを滑らせる.(停止ボタンを押したタイミングから最も近いハズレの停止位置にリールを止める)

但しあまりにリールが「滑ると」インチキ臭く感じられてしまうので, なるべくハズレが均等となるようにリールの絵柄を配置しておく必要がある. もしくは常日頃リールが滑るように細工をしておくなど.

Answer 8

こう考えてはどうでしょう。

便宜上、9マスに次のように記号を振ってみます。

[a][b][c]
[d][e][f]
[g][h][i]

1. まずa,b,d,eに適当に数字を振る。
2. a,bに割り当てられていない数字のどれかをcに振る。
3. d,eに割り当てられていない数字のどれかをfに振る。
4. g,hに割り当てられていない数字のどれかをiに振る。
5. a,d,c,eに割り当てられていない数字のどれかをgに振る。
6. b,eに割り当てられていない数字のどれかをhに振る。
7. a,e,c,f,g,hに割り当てられていない数字のどれかをiに振る。