Записи

<table width="504" height="404" border="0" align="center" class="colorborder" >
 <tr id="v36idpanel">
 <td align="center" height="55">
 <div class="formradiogroup">
 <div class="formradiogroupitem"><input id="melok1radio1" type="radio" name="53" checked><label for="melok1radio1" onclick="v21NumFon = 1; v21changeFon(); v21MClear();">1</label></div>
 <div class="formradiogroupitem"><input id="melok1radio2" type="radio" name="53"><label for="melok1radio2" onclick="v21NumFon = 2; v21changeFon(); v21MClear();">2</label></div>
 <div class="formradiogroupitem"><input id="melok1radio3" type="radio" name="53"><label for="melok1radio3" onclick="v21NumFon = 3; v21changeFon(); v21MClear();">3</label></div>
 <div class="formradiogroupitem"><input id="melok1radio4" type="radio" name="53"><label for="melok1radio4" onclick="v21NumFon = 4; v21changeFon(); v21MClear();">4</label></div>
 <div class="formradiogroupitem"><input id="melok1radio5" type="radio" name="53"><label for="melok1radio5" onclick="v21NumFon = 5; v21changeFon(); v21MClear();">5</label></div>
 <div class="formradiogroupitem"><input id="melok1radio6" type="radio" name="53"><label for="melok1radio6" onclick="v21NumFon = 6; v21changeFon(); v21MClear();">6</label></div>
 <div class="formradiogroupitem"><input id="melok1radio7" type="radio" name="53"><label for="melok1radio7" onclick="v21NumFon = 7; v21changeFon(); v21MClear();">7</label></div>
 </div>
 </td>
 <td id="v21idpoint" width="100" align="center" height="55">point = 0</td>
 <td align="center" height="30"><input type="button" value="clear" onclick="v21MClear()"></td>
 </tr>
 <tr>
 <td width="500" height="400" colspan="3" style="cursor:pointer; border: 1px solid blue"><canvas id="myCanvas21" width="500" height="400"></canvas></td>
 </tr>
 <tr>
 <td width="500" align="center" colspan="3">
 <input id="v21idinColor1" name="21" type="radio" checked="checked" />
 <input type="button" style="background-color: #FF0000;" onclick="document.getElementById('v21idinColor1').checked = true">
 <input id="v21idinColor2" name="21" type="radio" />
 <input type="button" style="background-color: #00FF00;" onclick="document.getElementById('v21idinColor2').checked = true">
 <input id="v21idinColor3" name="21" type="radio" />
 <input type="button" style="background-color: #0000FF;" onclick="document.getElementById('v21idinColor3').checked = true">
 <input id="v21idinColor4" name="21" type="radio" />
 <input type="button" style="background-color: #FFFF00;" onclick="document.getElementById('v21idinColor4').checked = true">
 <input id="v21idinColor5" name="21" type="radio" />
 <input type="button" style="background-color: #00FFFF;" onclick="document.getElementById('v21idinColor5').checked = true">
 <input id="v21idinColor6" name="21" type="radio" />
 <input type="button" style="background-color: #FF00FF;" onclick="document.getElementById('v21idinColor6').checked = true">
 </td>
 </tr>
</table>

<script>
var v21canvas = document.querySelector("#myCanvas21");
var v21context = v21canvas.getContext("2d");
var v21w = v21canvas.width;
var v21h = v21canvas.height;
var v21mX = 0;
var v21mY = 0;
var v21isDrawing = false;
var v21logo = new Image();
var v21imgData;
var v21pixels;
var v21colpoint = 0;
var v21NumFon = 1;

//add
function getOffset(elem) {
 if (elem.getBoundingClientRect) {
 return getOffsetRect(elem)
 } else {
 return getOffsetSum(elem)
 }
}
 
function getOffsetSum(elem) {
 var top=0, left=0
 while(elem) {
 top = top + parseInt(elem.offsetTop)
 left = left + parseInt(elem.offsetLeft)
 elem = elem.offsetParent
 }
 return {top: top, left: left}
}
 
function getOffsetRect(elem) {
 // (1)
 var box = elem.getBoundingClientRect()
 
 // (2)
 var body = document.body
 var docElem = document.documentElement
 
 // (3)
 var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
 var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
 
 // (4)
 var clientTop = docElem.clientTop || body.clientTop || 0
 var clientLeft = docElem.clientLeft || body.clientLeft || 0
 
 // (5)
 var top = box.top + scrollTop - clientTop
 var left = box.left + scrollLeft - clientLeft
 
 return { top: Math.round(top), left: Math.round(left) }
}
//end add

 function v21update() {
 if (v21isDrawing) v21context.beginPath();
 if (v21isDrawing) v21context.arc(v21mX, v21mY, 20, 0, 2 * Math.PI, true);
 if (v21isDrawing) v21context.fillStyle = 'RGB(250,127,39)';
 if (v21isDrawing) v21context.fill();
 requestAnimationFrame(v21update);
 }
 v21update(); 
 v21changeFon();
 
 function v21changeFon() {
 if (v21NumFon === 1){
 v21logo.src = "data:image/png;base64,прозрачная картинка1";
 }
 if (v21NumFon === 2){
 v21logo.src = "data:image/png;base64,прозрачная картинка2";
 }
 if (v21NumFon === 3){
 v21logo.src = "data:image/png;base64,прозрачная картинка3";
 }
 if (v21NumFon === 4){
 v21logo.src = "data:image/png;base64,прозрачная картинка4";
 }
 if (v21NumFon === 5){
 v21logo.src = "data:image/png;base64,прозрачная картинка5";
 }
 if (v21NumFon === 6){
 v21logo.src = "data:image/png;base64,прозрачная картинка6";
 }
 if (v21NumFon === 7){
 v21logo.src = "data:image/png;base64,прозрачная картинка7";
 }
}

 v21logo.onload = function(){
 
 var v21posX = (v21w - this.width)/2;
 var v21posY = (v21h - this.height)/2;
 v21context.drawImage(this, v21posX, v21posY);
 v21imgData = v21context.getImageData(0, 0, v21w, v21h);
 v21pixels = v21imgData.data;
 //blue
 for (var i=0; i<v21imgData.data.length; i+=4)
 {
 if (v21imgData.data[i+3]===255) {
 v21imgData.data[i]=128;
 v21imgData.data[i+1]=128;
 v21imgData.data[i+2]=255;
 }
 }
 v21context.putImageData(v21imgData,0,0);
 }
 
 function v21MClear() {
 v21context.clearRect(0, 0, v21w, v21h);
 v21logo.onload();
 v21colpoint = 0;
 document.getElementById('v21idpoint').innerHTML = 'point = '+v21colpoint;
 }
 var v21MouseMove = function(e) {
 document.getElementById('v36idpanel').style.backgroundColor = 'rgb(255, 255, 204)';
 var v21elm = document.getElementById('myCanvas21');
 var v21coordspanel = getOffset(v21elm);
 v21mX = e.pageX - v21coordspanel.left;
 v21mY = e.pageY - v21coordspanel.top;
 var v21x = e.offsetX;
 var v21y = e.offsetY;
 var v21dx = e.movementX;
 var v21dy = e.movementY;
 if (e.buttons > 0) {
 v21context.beginPath();
 v21context.lineWidth = 40;
 v21context.strokeStyle = 'RGB(250,127,39)';
 v21context.moveTo(v21x, v21y);
 v21context.lineTo(v21x - v21dx, v21y - v21dy);
 v21context.stroke();
 v21context.closePath();
 }
 if (v21isDrawing && (v21imgData.data[((v21imgData.width * v21mY) + v21mX) * 4 + 3] != 255))
 {v21colpoint = v21colpoint + 1; document.getElementById('v21idpoint').innerHTML = 'point = '+v21colpoint; document.getElementById('v36idpanel').style.backgroundColor = '#fff0ff';}
 };
 var v21MouseDown = function(e) {
 v21isDrawing = true;
 };
 var v21MouseUp = function(e) {
 v21isDrawing = false;
 var v21imgDataNew = v21context.getImageData(0,0,v21canvas.width,v21canvas.height)
 for (var i=0; i<v21imgData.data.length; i+=4)
 {
 if (v21imgData.data[i+3]===255) {
 if ((v21imgDataNew.data[i+0]===250)||(v21imgDataNew.data[i-4+0]===250)||(v21imgDataNew.data[i+4+0]===250)) {
 if (document.getElementById('v21idinColor1').checked) { v21imgData.data[i]=255; v21imgData.data[i+1]=0; v21imgData.data[i+2]=0;}
 if (document.getElementById('v21idinColor2').checked) { v21imgData.data[i]=0; v21imgData.data[i+1]=255; v21imgData.data[i+2]=0;}
 if (document.getElementById('v21idinColor3').checked) { v21imgData.data[i]=0; v21imgData.data[i+1]=0; v21imgData.data[i+2]=255;}
 if (document.getElementById('v21idinColor4').checked) { v21imgData.data[i]=255; v21imgData.data[i+1]=255; v21imgData.data[i+2]=0;}
 if (document.getElementById('v21idinColor5').checked) { v21imgData.data[i]=0; v21imgData.data[i+1]=255; v21imgData.data[i+2]=255;}
 if (document.getElementById('v21idinColor6').checked) { v21imgData.data[i]=255; v21imgData.data[i+1]=0; v21imgData.data[i+2]=255;}
 }}
 }
 v21context.putImageData(v21imgData,0,0);
 };
 v21canvas.addEventListener("mousemove", v21MouseMove, false);
 v21canvas.addEventListener("mousedown", v21MouseDown, false);
 v21canvas.addEventListener("mouseup", v21MouseUp, false);
</script>
 

<table width="100%" cellpadding="10" cellspacing="10">
 <tr><td align="center">

 <table width="300" height="300" border="1" align="center" class="colorborder">
 <tr><td colspan="10" id="v17idpoint" align="center" >
 point = 0
 </td></tr>
 <script>
 for (var j=0; j<10; j++) {
 document.write('<tr>');
 for (var i=0; i<10; i++) {
 document.write('<td width="36" height="36"><img id="v17imgfield'+eval(10*j+i)+'" src="/jgame/jssaper/num0.png" oncontextmenu="v17ClickFieldRight('+j+','+i+'); return false;" onclick="v17ClickField('+j+','+i+')" style="cursor:pointer;"></td>');
 }
 document.write('</tr>');
 }
 </script>
 <tr><td colspan="10" align="center">
 <input type="button" onclick="v17SortClick()" value="старт" />
 </td></tr>
 </table>
 
 </td></tr>
 </table>
 
<script>
 var v17fieldBomb = [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,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 v17fieldOpen = [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,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 v17flagStart = true;
 var v17colpoint = 0;
 function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
 }
 function v17SortClick() {
 for (var i=0; i<100; i++) v17fieldOpen[i] = 0;
 v17createFieldBomb();
 v17createFieldNum();
 v17paintField();
 v17flagStart = true;
 v17colpoint = 0;
 document.getElementById('v17idpoint').innerHTML = 'point = '+v17colpoint;
 }
 function v17paintField() {
 for (var i=0; i<100; i++) {
 if (v17fieldBomb[i] > 0) document.getElementById('v17imgfield'+i).src = "/jgame/jssaper/num"+v17fieldBomb[i]+".png";
 } 
 for (var i=0; i<100; i++) {
 if (v17fieldOpen[i] === 0) document.getElementById('v17imgfield'+i).src = "/jgame/jssaper/num0.png";
 if (v17fieldOpen[i] === 2) document.getElementById('v17imgfield'+i).src = "/jgame/jssaper/num10.png";
 }
}
 function v17CalcNumBomb(inY, inX) {
 var tmpCount = 0;
 if (inX-1 >= 0) if (v17fieldBomb[inY*10+inX-1] === 9) tmpCount++ ;
 if (inX+1 <= 9) if (v17fieldBomb[inY*10+inX+1] === 9) tmpCount++ ;
 if (inY-1 >= 0) if (inX-1 >= 0) if (v17fieldBomb[(inY-1)*10+inX-1] === 9) tmpCount++ ;
 if (inY-1 >= 0) if (v17fieldBomb[(inY-1)*10+inX] === 9) tmpCount++ ;
 if (inY-1 >= 0) if (inX+1 <= 9) if (v17fieldBomb[(inY-1)*10+inX+1] === 9) tmpCount++ ;
 if (inY+1 <= 9) if (inX-1 >= 0) if (v17fieldBomb[(inY+1)*10+inX-1] === 9) tmpCount++ ;
 if (inY+1 <= 9) if (v17fieldBomb[(inY+1)*10+inX] === 9) tmpCount++ ;
 if (inY+1 <= 9) if (inX+1 <= 9) if (v17fieldBomb[(inY+1)*10+inX+1] === 9) tmpCount++ ;
 if (tmpCount > 0) v17fieldBomb[inY*10+inX] = tmpCount;
 }
 function v17CalcNumOpen() {
 var tmpFlagNoBomb = true;
 for (var m=0; m<5; m++) 
 for (var inY=0; inY<10; inY++) 
 for (var inX=0; inX<10; inX++) 
 if (v17fieldBomb[inY*10+inX] === 11)
 if (v17fieldOpen[inY*10+inX] === 1) {
 tmpFlagNoBomb = true;
 if (tmpFlagNoBomb) if (inX-1 >= 0) if (v17fieldBomb[inY*10+inX-1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inX+1 <= 9) if (v17fieldBomb[inY*10+inX+1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY-1 >= 0) if (inX-1 >= 0) if (v17fieldBomb[(inY-1)*10+inX-1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY-1 >= 0) if (v17fieldBomb[(inY-1)*10+inX] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY-1 >= 0) if (inX+1 <= 9) if (v17fieldBomb[(inY-1)*10+inX+1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY+1 <= 9) if (inX-1 >= 0) if (v17fieldBomb[(inY+1)*10+inX-1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY+1 <= 9) if (v17fieldBomb[(inY+1)*10+inX] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) if (inY+1 <= 9) if (inX+1 <= 9) if (v17fieldBomb[(inY+1)*10+inX+1] === 9) tmpFlagNoBomb = false;
 if (tmpFlagNoBomb) {
 if (inX-1 >= 0) v17fieldOpen[inY*10+inX-1] = 1;
 if (inX+1 <= 9) v17fieldOpen[inY*10+inX+1] = 1;
 if (inY-1 >= 0) if (inX-1 >= 0) v17fieldOpen[(inY-1)*10+inX-1] = 1;
 if (inY-1 >= 0) v17fieldOpen[(inY-1)*10+inX] = 1;
 if (inY-1 >= 0) if (inX+1 <= 9) v17fieldOpen[(inY-1)*10+inX+1] = 1;
 if (inY+1 <= 9) if (inX-1 >= 0) v17fieldOpen[(inY+1)*10+inX-1] = 1;
 if (inY+1 <= 9) v17fieldOpen[(inY+1)*10+inX] = 1;
 if (inY+1 <= 9) if (inX+1 <= 9) v17fieldOpen[(inY+1)*10+inX+1] = 1;
 }
 }
 }
 function v17calcOpen(inY, inX) {
 if (inX-1 >= 0) if ((v17fieldBomb[inY*10+inX-1] === 11)&&(v17fieldOpen[inY*10+inX-1] === 0)) {v17fieldOpen[inY*10+inX-1] = 1 ; v17calcOpen(inY,inX-1);}
 if (inX+1 <= 9) if ((v17fieldBomb[inY*10+inX+1] === 11)&&(v17fieldOpen[inY*10+inX+1] === 0)) {v17fieldOpen[inY*10+inX+1] = 1 ; v17calcOpen(inY,inX+1);}
 if (inY-1 >= 0) if ((v17fieldBomb[(inY-1)*10+inX] === 11)&&(v17fieldOpen[(inY-1)*10+inX] === 0)) {v17fieldOpen[(inY-1)*10+inX] = 1 ; v17calcOpen(inY-1,inX);}
 if (inY+1 <= 9) if ((v17fieldBomb[(inY+1)*10+inX] === 11)&&(v17fieldOpen[(inY+1)*10+inX] === 0)) {v17fieldOpen[(inY+1)*10+inX] = 1 ; v17calcOpen(inY+1,inX);}
//
 }
 function v17createFieldBomb() {
 for (var i=0; i<100; i++) v17fieldBomb[i] = 11;
 var tmpbombnum = 0;
 for (var i=0; i<10; i++) {
 tmpbombnum = getRandomInt(0, 100);
 while (v17fieldBomb[tmpbombnum] === 9)
 tmpbombnum = getRandomInt(0, 100);
 v17fieldBomb[tmpbombnum] = 9;
 }
 }
 function v17createFieldNum() {
 for (var j=0; j<10; j++)
 for (var i=0; i<10; i++)
 if (v17fieldBomb[j*10+i] === 11)
 v17CalcNumBomb(j, i);
 } 
 function v17calcWin() {
 var v17tmpFlagWin = 0;
 for (var i=0; i<100; i++)
 if ((v17fieldBomb[i] === 9)&&(v17fieldOpen[i]===2)) v17tmpFlagWin ++;
 if (v17tmpFlagWin === 10) document.getElementById('v17idpoint').innerHTML = document.getElementById('v17idpoint').innerHTML + " игра выиграна";
 } 
 function v17ClickFieldRight(inY, inX) {
 if (v17fieldOpen[inY*10+inX] === 0) {v17fieldOpen[inY*10+inX] = 2;} else {
 if (v17fieldOpen[inY*10+inX] === 2) {v17fieldOpen[inY*10+inX] = 0;} 
 }
 v17paintField();
 v17calcWin();
 }
 function v17ClickField(inY, inX) {
 v17colpoint ++;
 document.getElementById('v17idpoint').innerHTML = 'point = '+v17colpoint;
 //
 if (v17flagStart) {
 v17SortClick();
 while (!(v17fieldBomb[inY*10+inX] === 11))
 v17SortClick();
 v17flagStart = false;
 }
//
 v17fieldOpen[inY*10+inX] = 1;
 if (v17fieldBomb[inY*10+inX] === 11) v17calcOpen(inY, inX);
 if (v17fieldBomb[inY*10+inX] === 9) document.getElementById('v17idpoint').innerHTML = document.getElementById('v17idpoint').innerHTML + " игра остановнена";
 v17CalcNumOpen();
 v17paintField();
 v17calcWin();
 } 
</script>
 

<table width="474" height="500" border="0" align="center" class="colorborder">
 <tr>
 <td colspan="4" id="v17idpoint" align="center">point = 0</td>
 </tr>
<tr>
<td width="114" height="114" ><canvas id="v17myCanvas0" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas1" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas2" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas3" width="114" height="114"></canvas></td>
</tr><tr>
<td width="114" height="114" ><canvas id="v17myCanvas4" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas5" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas6" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas7" width="114" height="114"></canvas></td>
</tr><tr>
<td width="114" height="114" ><canvas id="v17myCanvas8" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas9" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas10" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas11" width="114" height="114"></canvas></td>
</tr><tr>
<td width="114" height="114" ><canvas id="v17myCanvas12" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas13" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas14" width="114" height="114"></canvas></td>
<td width="114" height="114" ><canvas id="v17myCanvas15" width="114" height="114"></canvas></td>
</tr><tr>
<td colspan="4" align="center"><input type="button" onclick="v17SortClick()" value="старт" /></td>
</tr>
</table>

 <script>
 var v17canvas0 = document.querySelector("#v17myCanvas0");
 var v17canvas1 = document.querySelector("#v17myCanvas1");
 var v17canvas2 = document.querySelector("#v17myCanvas2");
 var v17canvas3 = document.querySelector("#v17myCanvas3");
 var v17canvas4 = document.querySelector("#v17myCanvas4");
 var v17canvas5 = document.querySelector("#v17myCanvas5");
 var v17canvas6 = document.querySelector("#v17myCanvas6");
 var v17canvas7 = document.querySelector("#v17myCanvas7");
 var v17canvas8 = document.querySelector("#v17myCanvas8");
 var v17canvas9 = document.querySelector("#v17myCanvas9");
 var v17canvas10 = document.querySelector("#v17myCanvas10");
 var v17canvas11 = document.querySelector("#v17myCanvas11");
 var v17canvas12 = document.querySelector("#v17myCanvas12");
 var v17canvas13 = document.querySelector("#v17myCanvas13");
 var v17canvas14 = document.querySelector("#v17myCanvas14");
 var v17canvas15 = document.querySelector("#v17myCanvas15");
 var v17context0 = v17canvas0.getContext("2d");
 var v17context1 = v17canvas1.getContext("2d");
 var v17context2 = v17canvas2.getContext("2d");
 var v17context3 = v17canvas3.getContext("2d");
 var v17context4 = v17canvas4.getContext("2d");
 var v17context5 = v17canvas5.getContext("2d");
 var v17context6 = v17canvas6.getContext("2d");
 var v17context7 = v17canvas7.getContext("2d");
 var v17context8 = v17canvas8.getContext("2d");
 var v17context9 = v17canvas9.getContext("2d");
 var v17context10 = v17canvas10.getContext("2d");
 var v17context11 = v17canvas11.getContext("2d");
 var v17context12 = v17canvas12.getContext("2d");
 var v17context13 = v17canvas13.getContext("2d");
 var v17context14 = v17canvas14.getContext("2d");
 var v17context15 = v17canvas15.getContext("2d");
 var v17ColorFon = ['#F2F4FF','#F2F4FF','#F2F4FF','#A080FF','#4080FF','#FF80A0','#FF8040','#80FFA0','#80FF40','#60A060', '#408040'];
 var v17ColorNum = ['#F2F4FF','#62646F','#62646F','#90F090','#60F060','#F0F0FF','#80F0FF','#FF80A0','#FF8040','#F0FF80', '#80FF40'];
 var v17Num = ['', '2', '4', '8', '16', '32', '64', '128', '256', '512', '1024'];
 var v17Size = ['64', '64', '64', '64', '64', '64', '64', '52', '52', '52', '40'];
 var v17Left = ['80', '80', '80', '80', '80', '80', '80', '74', '74', '74', '70'];
 var v17Top = ['42', '42', '42', '42', '24', '24', '24', '16', '16', '16', '16'];
 var v17Number = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
 var v17level = false;
 var v17colpoint = 0;
 </script> 
 <script> 
 function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
 }
 function v17SortClick() {
 v17Number = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
 ver17pressNext(); 
 v17colpoint = 0;
 document.getElementById('v17idpoint').innerHTML = 'point = '+v17colpoint;
 }
 function v17update() {
 for (i=0; i<16; i++) {
 var elm = eval("v17context" + i);
 elm.clearRect(0, 0, 114, 114);
 elm.beginPath();
 elm.rect(6, 6, 100, 100);
 elm.fillStyle = v17ColorFon[v17Number[i]];
 elm.fill();
 elm.closePath();
 if (v17Number[i] > 2) {
 elm.beginPath();
 elm.rect(2, 2, 108, 108);
 elm.strokeStyle = "#FFFF00";
 elm.stroke();
 elm.closePath();
 }
 elm.beginPath();
 elm.font = v17Size[v17Number[i]] + "px serif";
 elm.fillStyle = v17ColorNum[v17Number[i]];
 elm.fillText(v17Num[v17Number[i]], v17Top[v17Number[i]], v17Left[v17Number[i]]);
 elm.fill();
 elm.closePath();
 }
 requestAnimationFrame(v17update);
 }
 v17update();
 </script>
 <script>
////presskey
window.addEventListener("keydown", ver17logdown);
function ver17logdown(event){
 if (event.key === "ArrowLeft") ver17pressL(); 
 if (event.key === "ArrowDown") ver17pressD(); 
 if (event.key === "ArrowRight") ver17pressR(); 
 if (event.key === "ArrowUp") ver17pressU();
 for (i=0; i<16; i++) if (v17Number[i] > 10) v17Number[i] = 0;
 v17colpoint ++ ;
 document.getElementById('v17idpoint').innerHTML = 'point = '+v17colpoint;
 ver17pressNext(); 
}
function ver17pressL() {
 for (var j=0; j<4; j++) {
 for (var n=0; n<3; n++) {
 for (var m=0; m<3; m++) { for (var i=4*j+0; i<4*j+3; i++) if ((v17Number[i] === 0)&&(v17Number[i+1] > 0)) {v17Number[i] = v17Number[i+1]; v17Number[i+1] = 0;};}
 for (var i=4*j+0; i<4*j+3; i++) if ((v17Number[i] === v17Number[i+1])&&(v17Number[i]>0)) {v17Number[i] = v17Number[i] + 1; v17Number[i+1] = 0;};
 }
 }
}
function ver17pressD() {
 for (var j=0; j<4; j++) {
 for (var n=0; n<3; n++) {
 for (var m=0; m<3; m++) { for (var i=j+4*0; i<j+4*3; i+=4) if ((v17Number[i] > 0)&&(v17Number[i+4] === 0)) {v17Number[i+4] = v17Number[i]; v17Number[i] = 0;};}
 for (var i=j+4*0; i<j+4*3; i+=4) if ((v17Number[i] === v17Number[i+4])&&(v17Number[i]>0)) {v17Number[i+4] = v17Number[i+4] + 1; v17Number[i] = 0;};
 }
 }
}
function ver17pressR() {
 for (var j=0; j<4; j++) {
 for (var n=0; n<3; n++) {
 for (var m=0; m<3; m++) {
 for (var i=4*j+0; i<4*j+3; i++) if ((v17Number[i] > 0)&&(v17Number[i+1] === 0)) {v17Number[i+1] = v17Number[i]; v17Number[i] = 0;};}
 for (var i=4*j+0; i<4*j+3; i++) if ((v17Number[i] === v17Number[i+1])&&(v17Number[i]>0)) {v17Number[i+1] = v17Number[i+1] + 1; v17Number[i] = 0;};
 }
 }
}
function ver17pressU() {
 for (var j=0; j<4; j++) {
 for (var n=0; n<3; n++) {
 for (var m=0; m<3; m++) { for (var i=j+4*0; i<j+4*3; i+=4) if ((v17Number[i] === 0)&&(v17Number[i+4] > 0)) {v17Number[i] = v17Number[i+4]; v17Number[i+4] = 0;};}
 for (var i=j+4*0; i<j+4*3; i+=4) if ((v17Number[i] === v17Number[i+4])&&(v17Number[i]>0)) {v17Number[i] = v17Number[i] + 1; v17Number[i+4] = 0;};
 }
 }
}
function ver17pressNext() {
 var ver17countEmpty = 0;
 for (var i=0; i<16; i++) if (v17Number[i] === 0) ver17countEmpty ++;
 if (ver17countEmpty === 0) document.getElementById('v17idpoint').innerHTML = document.getElementById('v17idpoint').innerHTML + " игра остановлена";
 if (ver17countEmpty === 1) {
 for (var i=0; i<16; i++) if (v17Number[i] === 0) v17Number[i] = 1;
 }
 if (ver17countEmpty === 2) {
 for (var i=0; i<16; i++) if (v17Number[i] === 0) v17Number[i] = 1;
 if (v17level) for (var i=0; i<16; i++) if (v17Number[i] === 0) v17Number[i] = 2;
 }
 if ((ver17countEmpty > 2)&&(ver17countEmpty < 13)) {
 var ver17tmpPlace = getRandomInt(0, 16);
 while (v17Number[ver17tmpPlace] > 0) ver17tmpPlace = getRandomInt(0, 16);
 v17Number[ver17tmpPlace] = 1;
 if (v17level) {
 ver17tmpPlace = getRandomInt(0, 16);
 while (v17Number[ver17tmpPlace] > 0) ver17tmpPlace = getRandomInt(0, 16);
 v17Number[ver17tmpPlace] = 2;
 }
 }
 if (ver17countEmpty >= 13) { 
 var ver17tmpPlace = getRandomInt(0, 16);
 while (v17Number[ver17tmpPlace] > 0) ver17tmpPlace = getRandomInt(0, 16);
 v17Number[ver17tmpPlace] = 1;
 if (v17level) {
 ver17tmpPlace = getRandomInt(0, 16);
 while (v17Number[ver17tmpPlace] > 0) ver17tmpPlace = getRandomInt(0, 16);
 v17Number[ver17tmpPlace] = 1;
 }
 }
}
</script>