
<!DOCTYPE html>
<html>
<head>
<title>パイモンブレーン</title>


<script>
 











/**
 * ----------------------------------------------------------
 * Mainfunction()
 * 実際の処理
 * ----------------------------------------------------------
 */

function Mainfunction() {
 
// IDから入力値を取得 						

var otherC 	= document.getElementById("otherC").value;
var heartC 	= document.getElementById("heartC").value;
var cross1C 	= document.getElementById("cross1C").value;
var otherN 	= document.getElementById("otherN").value;
var heartN 	= document.getElementById("heartN").value;



// 30から引いた値を出力
var cross1N = 30 - otherN - heartN;
document.getElementById("cross1N").innerHTML = cross1N;



// テーブルの色を変更

var ColorArray = new Array("#d0d0d0","#ff8080","#b0d0ff","#80ff80","#ffff80","#b040ff","#ffc0c0","#000000");
var ColorNameArray = new Array("灰色","火","水","木","光","闇","回復","不可");
var otherT = document.getElementsByClassName("ohterT");
var heartT = document.getElementsByClassName("heartT");
var cross1T = document.getElementsByClassName("cross1T");


otherT[0].style.backgroundColor=ColorArray[otherC];
otherT[1].style.backgroundColor=ColorArray[otherC];
otherT[2].style.backgroundColor=ColorArray[otherC];
heartT[0].style.backgroundColor=ColorArray[heartC];
heartT[1].style.backgroundColor=ColorArray[heartC];
heartT[2].style.backgroundColor=ColorArray[heartC];
cross1T[0].style.backgroundColor=ColorArray[cross1C];
cross1T[1].style.backgroundColor=ColorArray[cross1C];
cross1T[2].style.backgroundColor=ColorArray[cross1C];



// 演算１：甲乙の判断


var kouN	=	cross1N - 10;
var kouC	=	cross1C;
var otuN	=	heartN - 10;
var otuC	=	heartC;



// 演算２：甲乙から配列とルートタイプを取得


				
var BrainArray = 
[
[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 不要0"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 不要1"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 不要2"],
	["ロング",	2,3,2,2,2,2,3,2,3,2,	"乙0 不要3"],
	["ロング",	2,3,2,2,2,2,3,3,3,2,	"乙0 不要4"],
	["ロング",	2,3,2,2,2,3,3,3,3,2,	"乙0 不要5"],
	["ロング",	2,3,2,2,2,3,3,3,3,3,	"乙0 不要6"],
	["ロング",	3,3,2,2,2,3,3,3,3,3,	"乙0 不要7"],
	["ロング",	3,3,3,2,2,3,3,3,3,3,	"乙0 不要8"],
	["ロング",	3,3,3,3,2,3,3,3,3,3,	"乙0 不要9"],
	["ロング",	3,3,3,3,3,3,3,3,3,3,	"乙0 不要10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 不要0"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 不要1"],
	["ロング",	2,1,2,2,2,2,3,2,3,2,	"乙1 不要2"],
	["ロング",	2,3,2,2,1,2,3,2,3,2,	"乙1 不要3"],
	["ロング",	2,3,2,2,1,2,3,3,3,2,	"乙1 不要4"],
	["ロング",	2,3,2,2,1,3,3,3,3,2,	"乙1 不要5"],
	["ロング",	2,3,2,2,1,3,3,3,3,3,	"乙1 不要6"],
	["ロング",	3,3,2,2,1,3,3,3,3,3,	"乙1 不要7"],
	["ロング",	3,3,3,2,1,3,3,3,3,3,	"乙1 不要8"],
	["ロング",	3,3,3,3,1,3,3,3,3,3,	"乙1 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 不要10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 不要0"],
	["ロング",	2,1,2,2,2,2,1,2,3,2,	"乙2 不要1"],
	["ロング",	1,1,2,2,2,2,3,2,3,2,	"乙2 不要2"],
	["ロング",	1,1,2,2,2,2,3,3,3,2,	"乙2 不要3"],
	["ロング",	1,1,2,2,2,3,3,3,3,2,	"乙2 不要4"],
	["ロング",	1,1,2,2,2,3,3,3,3,3,	"乙2 不要5"],
	["ロング",	1,1,3,2,2,3,3,3,3,3,	"乙2 不要6"],
	["ロング",	1,1,2,3,3,3,3,3,3,3,	"乙2 不要7"],
	["ロング",	1,1,3,3,3,3,3,3,3,3,	"乙2 不要8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 不要10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 不要0"],
	["ロング",	1,1,2,2,2,2,1,2,3,2,	"乙3 不要1"],
	["ショート",	2,1,1,1,1,2,3,2,3,2,	"乙3 不要2"],
	["ショート",	2,1,1,1,1,2,3,3,3,2,	"乙3 不要3"],
	["ショート",	2,1,1,1,1,3,3,3,3,2,	"乙3 不要4"],
	["ショート",	2,1,1,1,1,3,3,3,3,3,	"乙3 不要5"],
	["ショート",	3,1,1,1,1,3,3,3,3,3,	"乙3 不要6"],
	["ショート",	3,1,1,1,1,3,3,3,3,3,	"例外"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 不要8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 不要10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 不要0"],
	["ショート",	2,1,1,1,1,2,1,2,3,2,	"乙4 不要1"],
	["ショート",	1,1,1,1,1,2,3,2,3,2,	"乙4 不要2"],
	["ショート",	1,1,1,1,1,2,3,3,3,2,	"乙4 不要3"],
	["ショート",	1,1,1,1,1,3,3,3,3,2,	"乙4 不要4"],
	["ショート",	1,1,1,1,1,3,3,3,3,3,	"乙4 不要5"],
	["ショート",	1,1,1,1,1,3,3,3,3,3,	"例外"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 不要7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 不要8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 不要10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要0"],
	["ショート",	1,1,1,1,1,2,1,2,3,2,	"乙5 不要1"],
	["ショート",	1,1,1,1,1,2,1,2,3,3,	"乙5 不要2"],
	["ショート",	1,1,1,1,1,2,1,3,3,3,	"乙5 不要3"],
	["ショート",	1,1,1,1,1,3,3,3,3,1,	"乙5 不要4"],
	["ショート",	1,1,1,1,1,3,3,3,3,1,	"例外"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 不要10"]

],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要0"],
	["ショート",	1,1,1,1,1,2,3,1,2,1,	"乙6 不要1"],
	["ショート",	1,1,1,1,1,3,3,1,2,1,	"乙6 不要2"],
	["ショート",	1,1,1,1,1,3,3,1,3,1,	"乙6 不要3"],
	["ショート",	1,1,1,1,1,3,3,1,3,1,	"例外"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要5"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 不要10"]

]



];



var Now = [0,		0,0,0,0,0,0,0,0,0,0,	0];

if (otuN < 0	||	 kouN < 0 )			// ドロップが足りなければ不可能に
{
	otuN = 0 ;
	kouN = 0 ;
	otherN = 0;
	otuC = 7 ;
	kouC = 7 ;
	heartC = 7 ;
}	 


for ( var i=0; i<12; i++ ) {
    	Now[i]	=	BrainArray[otuN][otherN][i];
}

if (Now[1] == 4) {					// 不能なら乙を真っ黒に
	otuC = 7 ;
	kouC = 7 ;
}



// 出力１

document.getElementById("havedrop").innerHTML = ColorNameArray[otuC];
document.getElementById("havedrop").style.backgroundColor=ColorArray[otuC];
document.getElementById("usedroot").innerHTML = Now[0];




// 出力２：整地盤面

var Pallet = [	ColorArray[heartC],	
		ColorArray[otuC],
		ColorArray[kouC],
		ColorArray[otherC],
		ColorArray[7]];

document.getElementById("t1-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("t1-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("t1-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("t1-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("t1-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("t5-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("t5-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("t5-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("t5-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("t5-5").style.backgroundColor = Pallet[Now[10]] ;



document.getElementById("t2-1").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-4").style.backgroundColor = Pallet[2] ;

document.getElementById("t3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("t3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t3-3").style.backgroundColor = Pallet[1] ;
document.getElementById("t3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("t3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("t4-1").style.backgroundColor = Pallet[1] ;
document.getElementById("t4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-4").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング"　|| Now[0] == "回転") {
document.getElementById("t2-5").style.backgroundColor = Pallet[1] ;
} else {
document.getElementById("t2-5").style.backgroundColor = Pallet[2] ;
}

if(Now[11] == "例外") {
document.getElementById("t2-5").style.backgroundColor = Pallet[3] ;
}


// 出力３：動かし方


document.getElementById("m1-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("m1-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("m1-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("m1-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("m1-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("m5-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("m5-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("m5-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("m5-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("m5-5").style.backgroundColor = Pallet[Now[10]] ;



document.getElementById("m2-1").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-4").style.backgroundColor = Pallet[1] ;

document.getElementById("m3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("m3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("m4-1").style.backgroundColor = Pallet[1] ;
document.getElementById("m4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-4").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング") {
document.getElementById("m2-5").style.backgroundColor = Pallet[1] ;
document.getElementById("rootimage").innerHTML = "<img src='long.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorlong.png' >";
} else if (Now[0] == "回転") {
document.getElementById("m2-5").style.backgroundColor = Pallet[1] ;
document.getElementById("rootimage").innerHTML = "<img src='rotate.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorrotate.png' >";
} else {
document.getElementById("m2-5").style.backgroundColor = Pallet[2] ;
document.getElementById("rootimage").innerHTML = "<img src='short.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorshort.png' >";
}

if(Now[0] == "不可") {
document.getElementById("rootimage").innerHTML = "<img src='null.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='null.png' >";
}

if(Now[11] == "例外") {
document.getElementById("m2-5").style.backgroundColor = Pallet[3] ;
}



// 出力４：左右対称


document.getElementById("h5-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("h5-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("h5-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("h5-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("h5-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("h1-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("h1-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("h1-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("h1-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("h1-5").style.backgroundColor = Pallet[Now[10]] ;


document.getElementById("h4-1").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-4").style.backgroundColor = Pallet[1] ;

document.getElementById("h3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("h3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("h2-1").style.backgroundColor = Pallet[1] ;
document.getElementById("h2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-4").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング"　|| Now[0] == "回転") {
document.getElementById("h4-5").style.backgroundColor = Pallet[1] ;
} else {
document.getElementById("h4-5").style.backgroundColor = Pallet[2] ;
}

if(Now[11] == "例外") {
document.getElementById("h4-5").style.backgroundColor = Pallet[3] ;
}









}
</script>
</head>











<body>


<h4>パイモンブレーンweb ver1.0</h4> 
<table border="1">

<tr>
<th></th>
<th class="ohterT" style="background-color:#d0d0d0">不要色</th>
<th class="heartT" style="background-color:#ffc0c0">回復</th>
<th class="cross1T" style="background-color:#ffff80">攻撃色</th>
</tr>

<tr>
<th>色</th>
	<td class="ohterT" style="background-color:#d0d0d0"><select id="otherC" name="otherC" onchange="Mainfunction()">
		<option value="0">灰</option>
		<option value="1">火</option>
		<option value="2">水</option>
		<option value="3">木</option>
		<option value="4">光</option>
		<option value="5">闇</option>
	</select></td>

	<td class="heartT" style="background-color:#ffc0c0"><select id="heartC" name="heartC" onchange="Mainfunction()">
		<option value="6">回復</option>
	</select></td>

	<td class="cross1T" style="background-color:#ffff80"><select id="cross1C" name="cross1C" onchange="Mainfunction()">
		<option value="1">火</option>
		<option value="2">水</option>
		<option value="3">木</option>
		<option value="4" selected>光</option>
		<option value="5">闇</option>
	</select></td>

</tr>

<tr>
<th>ドロップ数</th>

	<td class="ohterT" style="background-color:#d0d0d0"><select id="otherN" name="otherN" onchange="Mainfunction()">
		<option value="0">0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
	</select></td>

	<td class="heartT" style="background-color:#ffc0c0"><select id="heartN" name="heartN" onchange="Mainfunction()">
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
		<option value="13">13</option>
		<option value="14">14</option>
		<option value="15">15</option>
		<option value="16">16</option>
	</select></td>

	<td class="cross1T" style="background-color:#ffff80"><p id="cross1N"> 自動 </p></output>
	</select></td>

</tr>

</table>


<br>


<table border="1">

<tr>
<th>所持ドロップ</th>
<th id="havedrop">？</th>
</tr>

<tr>
<th>使用ルート</th>
<th id="usedroot">？</th>
</tr>

</table>






<h3>整地形</h3>
<table width="300" height="250" border="1" style="table-layout:fixed;">

<tr height="50">

<td id="t1-1">
<td id="t2-1">
<td id="t3-1">
<td id="t4-1">
<td id="t5-1">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="t1-2">
<td id="t2-2">
<td id="t3-2">
<td id="t4-2">
<td id="t5-2">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="t1-3">
<td id="t2-3">
<td id="t3-3" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち</td>
<td id="t4-3">
<td id="t5-3">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="t1-4">
<td id="t2-4">
<td id="t3-4">
<td id="t4-4">
<td id="t5-4">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="t1-5">
<td id="t2-5">
<td id="t3-5">
<td id="t4-5">
<td id="t5-5">
<td style="background-color:#ffc0c0"></td>
</tr>

</table>




<h3>動かし方</h3>

<table width="300" height="250" border="1"  
	style="table-layout:fixed; position: relative; top: 0px; z-index: 1"> 

<tr height="50">

<td id="m1-1">
<td id="m2-1">
<td id="m3-1">
<td id="m4-1">
<td id="m5-1">
<td style="background-color:#ffc0c0"> </td>
</tr>

<tr height="50">

<td id="m1-2">
<td id="m2-2">
<td id="m3-2">
<td id="m4-2">
<td id="m5-2">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="m1-3">
<td id="m2-3">
<td id="m3-3">
<td id="m4-3">
<td id="m5-3">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="m1-4">
<td id="m2-4" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち</td>
<td id="m3-4">
<td id="m4-4">
<td id="m5-4">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">

<td id="m1-5">
<td id="m2-5">
<td id="m3-5">
<td id="m4-5">
<td id="m5-5">
<td style="background-color:#ffc0c0"></td>
</tr>

</table>

<span id="rootimage" style="position: relative; top: -250px; left: -50px; z-index: 2"> <img src="null.png" ></span>











<h3>左右ミラー</h3>
<table width="300" height="250" border="1" style="table-layout:fixed;">

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="h1-1">
<td id="h2-1">
<td id="h3-1">
<td id="h4-1">
<td id="h5-1">

</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="h1-2">
<td id="h2-2">
<td id="h3-2">
<td id="h4-2">
<td id="h5-2">

</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="h1-3">
<td id="h2-3">
<td id="h3-3">
<td id="h4-3">
<td id="h5-3">

</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="h1-4">
<td id="h2-4">
<td id="h3-4">
<td id="h4-4" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち
<td id="h5-4">

</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="h1-5">
<td id="h2-5">
<td id="h3-5">
<td id="h4-5">
<td id="h5-5">

</tr>

</table>

<span id="mirrorrootimage" style="position: relative; top: -250px; left: 50px; z-index: 2;"> <img src="null.png" ></span>

<br>


<h6>回復十字を含まないLSの場合は<a href="Rushana.html">こちら</a>　</h6>



</body>
</html>