document.addEventListener('touchstart', function(e){ e.preventDefault(); startX = e.pageX; startY = e.pageY; }); document.addEventListener('touchend', function(e){ e.preventDefault(); var distX = e.pageX - startX; var distY = e.pageY - startY; if(Math.abs(distX) > Math.abs(distY)){ if(distX > 0){ right(); }else{ left(); } }else{ if(distY > 0){ down(); }else{ up(); } } }); var can; var c; var playfield; var CellWidth; var startX; var startY; window.onload = function(){ can = document.getElementById("c"); can.width = 360; can.height = 360; c = can.getContext("2d"); CellWidth = can.height/4; playfield = []; var row = []; for(var i=0;i<4;i++){ row = []; for(var j=0;j<4;j++){ row.push(new Cell(i*CellWidth, j*CellWidth)); } playfield.push(row); } spawnTwoNew(); animate(); } function animate(){ c.fillStyle = "#FFFFFF"; c.fillRect(0, 0, can.width, can.height); for(var i=0;i=0;i--){ var j = i; while(j != 3 && (playfield[j][k].val == playfield[j+1][k].val || playfield[j+1][k].val == 0)){ if(playfield[j][k].val == playfield[j+1][k].val){ playfield[j+1][k].val *= 2; playfield[j][k].val = 0; }else if(playfield[j+1][k].val == 0){ playfield[j+1][k].val = playfield[j][k].val; playfield[j][k].val = 0; } j++; } } } update(); } function up(){ for(var k=0;k=0;i--){ var j = i; while(j != 3 && (playfield[k][j].val == playfield[k][j+1].val || playfield[k][j+1].val == 0)){ if(playfield[k][j].val == playfield[k][j+1].val){ playfield[k][j+1].val *= 2; playfield[k][j].val = 0; }else if(playfield[k][j+1].val == 0){ playfield[k][j+1].val = playfield[k][j].val; playfield[k][j].val = 0; } j++; } } } update(); } function update(){ try{ spawnTwoNew(); }catch{ playfield = []; var row = []; for(var i=0;i<4;i++){ row = []; for(var j=0;j<4;j++){ row.push(new Cell(i*CellWidth, j*CellWidth)); } playfield.push(row); } } } function spawnTwoNew(){ options = []; for(var i=0;i

2048 || Game