Записи

 <table align="center" width="199" height="199"
 class="colorborder">
  <tr><td colspan="8">
  <div align="center" id="v3Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera4"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera3"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera5"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/ImT.jpg"
 style="cursor:pointer" onclick="v3GoClick(0)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera2"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera6"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="2" rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera1"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera21"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td colspan="2" rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera7"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/ImB.jpg"
 style="cursor:pointer" onclick="v3GoClick(1)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera20"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera22"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera19"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera8"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="2" rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera18"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera11"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera10"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color1.png"
 id="v3sphera9"/></center></td>
  <td colspan="2" rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera12"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/ImT.jpg"
 style="cursor:pointer" onclick="v3GoClick(2)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera17"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera13"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/ImB.jpg"
 style="cursor:pointer" onclick="v3GoClick(3)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera16"/></center></td>
  <td rowspan="2"><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera15"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color2.png"
 id="v3sphera14"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="3"><center><input type="button" onclick="v3AddClick()"
 value="сложить" /></center></td>
  <td colspan="4"><center><input type="button" onclick="v3SortClick()"
 value="перемешать" /></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/game8/color0.png"/></center></td>
  </tr>
 </table>
  <script>
  var v3colstep = 0;
 var v3place = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
 function v3GoClick(A1) {
  var tempcolor = 4;
  if (A1 == 0) {
  tempcolor = v3place[3];
  v3place[3] = v3place[4]; 
  v3place[4] = v3place[5]; 
  v3place[5] = v3place[6]; 
  v3place[6] = v3place[7]; 
  v3place[7] = v3place[8]; 
  v3place[8] = v3place[9]; 
  v3place[9] = v3place[10]; 
  v3place[10] = v3place[18]; 
  v3place[18] = v3place[0]; 
  v3place[0] = v3place[1]; 
  v3place[1] = v3place[2]; 
  v3place[2] = tempcolor; 
  }
  if (A1 == 1) {
  tempcolor = v3place[3];
  v3place[3] = v3place[2]; 
  v3place[2] = v3place[1]; 
  v3place[1] = v3place[0]; 
  v3place[0] = v3place[18]; 
  v3place[18] = v3place[10]; 
  v3place[10] = v3place[9]; 
  v3place[9] = v3place[8]; 
  v3place[8] = v3place[7]; 
  v3place[7] = v3place[6]; 
  v3place[6] = v3place[5]; 
  v3place[5] = v3place[4]; 
  v3place[4] = tempcolor; 
  }
  if (A1 == 2) {
  tempcolor = v3place[14];
  v3place[14] = v3place[15]; 
  v3place[15] = v3place[16]; 
  v3place[16] = v3place[17]; 
  v3place[17] = v3place[18]; 
  v3place[18] = v3place[19]; 
  v3place[19] = v3place[20]; 
  v3place[20] = v3place[21]; 
  v3place[21] = v3place[7]; 
  v3place[7] = v3place[11]; 
  v3place[11] = v3place[12]; 
  v3place[12] = v3place[13]; 
  v3place[13] = tempcolor; 
  }
  if (A1 == 3) {
  tempcolor = v3place[14];
  v3place[14] = v3place[13]; 
  v3place[13] = v3place[12]; 
  v3place[12] = v3place[11]; 
  v3place[11] = v3place[7]; 
  v3place[7] = v3place[21]; 
  v3place[21] = v3place[20]; 
  v3place[20] = v3place[19]; 
  v3place[19] = v3place[18]; 
  v3place[18] = v3place[17]; 
  v3place[17] = v3place[16]; 
  v3place[16] = v3place[15]; 
  v3place[15] = tempcolor; 
  }
  v3GoDraw();
 }
 function v3GoDraw() {
  v3colstep = v3colstep + 1;
  document.getElementById('v3Step').innerHTML = "step:" + v3colstep;
  document.getElementById('v3sphera1').src="https://sklees.narod.ru/jgame/game8/color" + v3place[0] + ".png";
  document.getElementById('v3sphera2').src="https://sklees.narod.ru/jgame/game8/color" + v3place[1] + ".png";
  document.getElementById('v3sphera3').src="https://sklees.narod.ru/jgame/game8/color" + v3place[2] + ".png";
  document.getElementById('v3sphera4').src="https://sklees.narod.ru/jgame/game8/color" + v3place[3] + ".png";
  document.getElementById('v3sphera5').src="https://sklees.narod.ru/jgame/game8/color" + v3place[4] + ".png";
  document.getElementById('v3sphera6').src="https://sklees.narod.ru/jgame/game8/color" + v3place[5] + ".png";
  document.getElementById('v3sphera7').src="https://sklees.narod.ru/jgame/game8/color" + v3place[6] + ".png";
  document.getElementById('v3sphera8').src="https://sklees.narod.ru/jgame/game8/color" + v3place[7] + ".png";
  document.getElementById('v3sphera9').src="https://sklees.narod.ru/jgame/game8/color" + v3place[8] + ".png";
  document.getElementById('v3sphera10').src="https://sklees.narod.ru/jgame/game8/color" + v3place[9] + ".png";
  document.getElementById('v3sphera11').src="https://sklees.narod.ru/jgame/game8/color" + v3place[10] + ".png";
  document.getElementById('v3sphera12').src="https://sklees.narod.ru/jgame/game8/color" + v3place[11] + ".png";
  document.getElementById('v3sphera13').src="https://sklees.narod.ru/jgame/game8/color" + v3place[12] + ".png";
  document.getElementById('v3sphera14').src="https://sklees.narod.ru/jgame/game8/color" + v3place[13] + ".png";
  document.getElementById('v3sphera15').src="https://sklees.narod.ru/jgame/game8/color" + v3place[14] + ".png";
  document.getElementById('v3sphera16').src="https://sklees.narod.ru/jgame/game8/color" + v3place[15] + ".png";
  document.getElementById('v3sphera17').src="https://sklees.narod.ru/jgame/game8/color" + v3place[16] + ".png";
  document.getElementById('v3sphera18').src="https://sklees.narod.ru/jgame/game8/color" + v3place[17] + ".png";
  document.getElementById('v3sphera19').src="https://sklees.narod.ru/jgame/game8/color" + v3place[18] + ".png";
  document.getElementById('v3sphera20').src="https://sklees.narod.ru/jgame/game8/color" + v3place[19] + ".png";
  document.getElementById('v3sphera21').src="https://sklees.narod.ru/jgame/game8/color" + v3place[20] + ".png";
  document.getElementById('v3sphera22').src="https://sklees.narod.ru/jgame/game8/color" + v3place[21] + ".png";
 }
 function v3SortClick() {
  for (var i = 0; i < 30; i++) { v3GoClick(v3getRandomInt(0, 3)); }
  v3colstep = 0;
  document.getElementById('v3Step').innerHTML = "step:" + v3colstep;
 }
 function v3AddClick() {
  v3colstep = -1;
  v3place = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
  v3GoDraw();
 }
 function v3getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 </script>