$(document).ready(function(){ // console.log("w="+innerWidth) var canv = $("#canv")[0] ; var c = canv.getContext("2d"); var r = 1; var s = 25; canv.width = s*9; canv.height = s*9; var level = 1; var n = level-1; var perLevel = []; var moves = 0 ; var tmoves = 0; var temp1, temp2, temp3; $("#startCont").fadeIn(600); $("#innerBox").width($("#container").innerWidth() - 30).height($("#container").innerHeight() - 30).css("margin","15px auto"); $("#startBut").on("click", function() { $("#startCont").fadeOut(700); $("#level").html("Level "+ level); $("#area").fadeIn(500,draw); }) var lev1 = [ [2,0],[3,0],[4,0],[4,1],[4,2],[5,2],[6,2],[7,2],[7,3],[7,4],[6,4],[5,4],[5,5],[5,6],[5,7],[4,7],[3,7],[3,6],[3,5],[2,5],[1,5],[0,5],[0,4],[0,3],[1,3],[2,3],[2,2],[2,1] ]; var box1 = [ [3,3],[3,4],[4,5],[5,3] ]; var poop1 = [ [3,1],[1,4],[6,3],[4,6] ]; var you1 = [4,4]; temp1 = $.extend(true, [], box1); temp2 = you1.slice(0); // console.log("t1= "+ temp1) var lev2 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[1,4],[2,4],[1,5],[2,5],[1,6],[1,7],[1,8],[2,8],[3,8],[4,8],[5,8],[5,7],[5,6],[6,7],[7,7],[8,7],[8,6],[8,5],[8,4],[8,3],[8,2],[7,2],[6,2],[6,3],[6,4],[5,4],[4,4],[4,3],[4,2],[4,1],[4,0],[3,0],[2,0],[1,0] ] ; var box2 = [ [2,2],[2,3],[3,3] ]; var poop2 = [ [7,3],[7,4],[7,5] ]; var you2 = [3,2]; var lev3 = [ [1,1],[1,2],[1,3],[1,4],[1,5],[1,6],[1,7],[2,3],[2,4],[2,7],[3,7],[4,7],[5,7],[6,7],[6,6],[6,5],[6,4],[6,3],[5,3],[5,2],[5,1],[5,0],[4,0],[3,0],[2,0],[2,1] ]; var box3 = [ [4,2],[3,3],[4,4],[3,5],[4,6] ]; var poop3 = [ [2,5],[2,6],[3,6],[4,6],[5,6] ]; var you3 = [3,2]; var lev4 = [ [0,3],[0,4],[0,5],[0,6],[0,7],[1,7],[2,7],[3,7],[4,7],[5,7],[6,7],[7,7],[7,6],[7,5],[7,4],[7,3],[6,3],[6,2],[6,1],[5,1],[4,1],[4,0],[3,0],[2,0],[1,0],[1,1],[1,2],[1,3],[2,3],[2,4],[4,3],[4,4],[5,5] ]; var box4 = [ [2,5],[3,2],[5,6] ]; var poop4 = [ [1,4],[1,5],[1,6] ]; var you4 = [2,1]; var lev5 = [ [0,2],[0,3],[0,4],[0,5],[1,5],[2,5],[3,5],[3,6],[4,6],[5,6],[6,6],[6,5],[6,4],[7,4],[7,3],[7,2],[7,1],[7,0],[6,0],[5,0],[4,0],[3,0],[2,0],[2,1],[2,2],[1,2] ]; var box5 = [ [3,2],[4,2],[5,2],[3,3],[2,4] ]; var poop5 = [ [3,4],[4,4],[5,4],[5,3],[4,3] ]; var you5 = [1,3]; var lev6 = [ [0,1],[0,2],[0,3],[0,4],[1,4],[2,4],[2,5],[2,6],[3,6],[4,6],[5,6],[6,6],[6,5],[7,5],[7,4],[7,3],[7,2],[6,2],[6,1],[6,0],[5,0],[4,0],[3,0],[2,0],[2,1],[1,1] ]; var box6 = [ [3,2],[4,3],[5,4],[4,4] ]; var poop6 = [ [4,2],[5,3],[3,3],[4,4] ]; var you6 = [5,1]; var lev7 = [ [0,4],[0,5],[0,6],[0,7],[1,7],[2,7],[3,7],[4,7],[5,7],[6,7],[7,7],[7,6],[7,5],[7,4],[6,4],[6,3],[6,2],[5,2],[5,1],[5,0],[4,0],[3,0],[2,0],[2,1],[2,2],[1,2],[1,3],[1,4],[3,5] ]; var box7 = [ [4,3],[3,4],[4,5],[5,5] ]; var poop7 = [ [3,1],[4,1],[4,2],[5,3] ]; var you7 = [3,6]; var lev8 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[0,5],[0,6],[1,6],[2,6],[3,6],[4,6],[5,6],[6,6],[7,6],[7,5],[7,4],[7,3],[7,2],[7,1],[7,0],[6,0],[5,0],[4,0],[3,0],[2,0],[1,0],[3,1],[3,5],[6,3] ]; var box8 = [ [2,2],[2,3],[2,4],[5,2],[4,3],[5,4] ]; var poop8 = [ [3,2],[4,2],[3,3],[3,4],[4,4],[4,3] ]; var you8 = [1,3]; var lev9 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[1,4],[1,5],[1,6],[2,6],[3,6],[4,6],[5,6],[6,6],[7,6],[8,6],[8,5],[8,4],[8,3],[7,3],[6,3],[6,2],[5,2],[5,1],[5,0],[4,0],[3,0],[2,0],[1,0],[0,0],[3,3] ]; var box9 = [ [2,2],[3,2],[4,2],[6,4] ]; var poop9 = [ [4,3],[5,3],[5,4],[4,4] ]; var you9 = [3,5]; var lev10 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[0,5],[0,6],[0,7],[1,7],[2,7],[3,7],[4,7],[5,7],[6,7],[6,6],[6,5],[6,4],[6,3],[6,2],[6,1],[6,0],[5,0],[4,0],[3,0],[2,0],[1,0],[3,2],[3,6] ]; var box10 = [ [3,1],[2,3],[3,3],[4,3],[3,4],[2,5],[3,5],[4,5] ]; var poop10 = [ [1,1],[1,2],[2,1],[2,2],[4,1],[5,1],[4,2],[5,2] ]; var you10 = [4,6]; var lev11 = [ [0,2],[0,3],[0,4],[0,5],[1,5],[2,5],[2,6],[2,7],[3,7],[4,7],[5,7],[6,7],[6,6],[6,5],[6,4],[7,4],[7,3],[7,2],[7,1],[6,1],[5,1],[5,0],[4,0],[3,0],[2,0],[1,0],[1,1],[1,2],[3,2],[4,5] ]; var box11 = [ [2,3],[3,4],[4,4],[4,2] ]; var poop11 = [ [2,3],[3,3],[5,3],[5,5] ]; var you11 = [3,1]; var lev12 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[0,5],[0,6],[0,7],[0,8],[1,8],[2,8],[3,8],[4,8],[4,7],[4,6],[4,5],[4,4],[5,4],[5,3],[5,2],[5,1],[5,0],[4,0],[3,0],[2,0],[1,0],[0,0],[1,3] ]; var box12 = [ [2,2],[2,3],[2,4],[2,5],[2,6] ]; var poop12 = [ [2,3],[2,4],[2,5],[2,6],[2,7] ]; var you12 = [4,1]; var lev13 = [ [0,2],[0,3],[0,4],[0,5],[0,6],[1,6],[2,6],[2,7],[2,8],[3,8],[4,8],[4,7],[5,7],[5,6],[5,5],[6,5],[6,4],[6,3],[6,2],[5,2],[5,1],[5,0],[4,0],[3,0],[2,0],[2,1],[2,2],[1,2] ]; var box13 = [ [3,2],[3,3],[3,4],[3,5],[3,6] ]; var poop13 = [ [3,3],[3,4],[3,5],[3,6],[3,7] ]; var you13 = [5,3]; var lev14 = [ [0,0],[0,1],[0,2],[0,3],[0,4],[0,5],[0,6],[0,7],[1,7],[2,7],[3,7],[4,7],[5,7],[5,6],[6,6],[7,6],[7,5],[7,4],[8,4],[8,3],[8,2],[8,1],[7,1],[6,1],[5,1],[4,1],[4,2],[4,0],[3,0],[2,0],[1,0],[0,0],[2,2],[3,4],[5,4] ]; var box14 = [ [2,3],[4,4],[3,5],[6,3],[6,4] ]; var poop14 = [ [1,4],[1,5],[1,6],[2,4],[2,6] ]; var you14 = [2,5]; var lev15 = [ [0,2],[0,3],[0,4],[0,5],[0,6],[1,6],[2,6],[3,6],[4,6],[5,6],[5,5],[6,5],[7,5],[7,4],[7,3],[7,2],[7,1],[6,1],[6,0],[5,0],[4,0],[3,0],[2,0],[1,0],[1,1],[1,2],[3,2],[4,2],[3,4] ]; var box15 = [ [4,3],[4,4],[5,2] ]; var poop15 = [ [2,2],[2,3],[3,3] ]; var you15 = [1,5]; var levs = [ lev1, lev2, lev3, lev4, lev5, lev6, lev7, lev8, lev9, lev10, lev11, lev12, lev13, lev14, lev15]; var boxs = [ box1, box2, box3, box4, box5, box6, box7, box8, box9, box10, box11, box12, box13, box14, box15 ]; var poops = [poop1,poop2,poop3,poop4,poop5,poop6,poop7,poop8,poop9,poop10,poop11,poop12,poop13,poop14,poop15]; var yous = [ you1, you2, you3, you4,you5,you6,you7,you8,you9,you10,you11,you12,you13,you14,you15 ] ; var b; var pr = 0; var pre = 0; var prev = [[0,0],[0,0],[0,0],[0,0],[0,0]]; // created by jonathan pizarra // console.log("lev14= "+ eval("lev"+14)) $("#b5").on("click",function(){ previous(); draw(); }) $("#b6").on("click",function(){ pr = 0; pre = 0; prev = [[0,0],[0,0],[0,0],[0,0],[0,0]]; boxs[n] = $.extend(true, [], temp1); //eval("box"+level); yous[n] = temp2.slice(0); //eval("poop"+level); draw(); }) $("#b1").on("click", function(){ if( ifBound(levs[n],yous[n][0],yous[n][1]-1,-1).val == false ){ if( ifBound(boxs[n],yous[n][0],yous[n][1]-1,-1).val == true ){ b = ifBound(boxs[n],yous[n][0],yous[n][1]-1,-1); if( ifBound(levs[n],boxs[n][b.pos][0],boxs[n][b.pos][1]-1,-1).val == false){ if( ifBound(boxs[n],boxs[n][b.pos][0],boxs[n][b.pos][1]-1,b.pos).val == false){ --boxs[n][b.pos][1]; --yous[n][1]; prev.pop(); prev.unshift([0,1,0,1,b.pos]); pre = 0; if(pr < 5){pr++ ;} draw(); } } } else{ --yous[n][1]; prev.pop(); prev.unshift([0,1]); pre = 0; if(pr < 5){pr++ ;} draw(); } } }) $("#b2").on("click", function(){ if( ifBound(levs[n],yous[n][0],yous[n][1]+1,-1).val == false){ if( ifBound(boxs[n],yous[n][0],yous[n][1]+1,-1).val == true){ b = ifBound(boxs[n],yous[n][0],yous[n][1]+1,-1); if( ifBound(levs[n],boxs[n][b.pos][0],boxs[n][b.pos][1]+1,-1).val == false ) { if( ifBound(boxs[n],boxs[n][b.pos][0],boxs[n][b.pos][1]+1,b.pos).val == false){ ++boxs[n][b.pos][1]; ++yous[n][1]; prev.pop(); prev.unshift([0,-1,0,-1,b.pos]); pre = 0; if(pr < 5){pr++ ;} draw(); } } } else{ ++yous[n][1]; prev.pop(); prev.unshift([0,-1]); pre = 0 ; if(pr < 5){pr++ ;} draw(); } } }) $("#b3").on("click", function(){ if( ifBound(levs[n],yous[n][0]-1,yous[n][1],-1).val == false ) { if( ifBound(boxs[n],yous[n][0]-1,yous[n][1],-1).val == true ){ b = ifBound(boxs[n],yous[n][0]-1,yous[n][1],-1); if( ifBound(levs[n],boxs[n][b.pos][0]-1,boxs[n][b.pos][1],-1).val == false){ if( ifBound(boxs[n],boxs[n][b.pos][0]-1,boxs[n][b.pos][1],b.pos).val == false){ --boxs[n][b.pos][0]; --yous[n][0]; prev.pop(); prev.unshift([1,0,1,0,b.pos]); pre = 0 ; if(pr < 5){pr++ ;} draw(); } } } else{ --yous[n][0]; prev.pop(); prev.unshift([1,0]); pre = 0 ; if(pr < 5){pr++ ;} draw(); } } }) $("#b4").on("click", function(){ if( ifBound(levs[n],yous[n][0]+1,yous[n][1],-1).val == false){ if( ifBound(boxs[n],yous[n][0]+1,yous[n][1],-1).val == true){ b = ifBound(boxs[n],yous[n][0]+1,yous[n][1],-1); if( ifBound(levs[n],boxs[n][b.pos][0]+1,boxs[n][b.pos][1],-1).val == false ) { if( ifBound(boxs[n],boxs[n][b.pos][0]+1,boxs[n][b.pos][1],b.pos).val == false){ ++boxs[n][b.pos][0]; ++yous[n][0]; prev.pop(); prev.unshift([-1,0,-1,0,b.pos]); pre = 0 ; if(pr < 5){pr++ ;} draw(); } } } else{ ++yous[n][0]; prev.pop(); prev.unshift([-1,0]); pre = 0 ; if(pr < 5){pr++ ;} draw(); } } }) function draw(){ // var setInt = setInterval(function(){ c.clearRect(0,0,300,300); for(var j=0; j levs.length ) { // moves = 0; //tmoves = 0; $("#finished").fadeIn(200); return; } $("#level").html("Level "+ level); prev = [[0,0],[0,0],[0,0],[0,0],[0,0]]; temp1 = $.extend(true, [], boxs[n]); temp2 = yous[n].slice(0); // perLevel.push(moves); // moves = 0; // console.log("tmoves= " + tmoves) $("#congratsText").html("Congratulations!
You solved Level " + (level-1)); $("#nextBut").html("Ready for
Level " + level + " ?"); $("#nextLevel").fadeIn(500); $("#nextBut").on("click", function(){ $("#nextLevel").fadeOut(200); // $("#moves").html("Moves : "+ moves); // created by Jonathan Pizarra draw(); }) } function previous() { if(pre < 5 && pr > 0 ) { if(prev[pre].length == 5){ yous[n][0] += prev[pre][0]; yous[n][1] += prev[pre][1]; boxs[n][prev[pre][4]][0] += prev[pre][2]; boxs[n][prev[pre][4]][1] += prev[pre][3]; prev[pre] = [0,0]; } else{ yous[n][0] += prev[pre][0]; yous[n][1] += prev[pre][1]; prev[pre] = [0,0]; } pre++; pr--; } } function ifSolved(arrS1,arrS2) { var icount = 0; for(var is1=0; is1 < arrS1.length; is1++ ){ for(var is2=0; is2 < arrS2.length; is2++ ){ if( arrS2[is2][0] == arrS1[is1][0] && arrS2[is2][1] == arrS1[is1][1] ) { icount++; } } } if(icount == arrS1.length){ return true; } return false; } function ifBound(arr1,arr2x,arr2y,ex) { for(var ib=0; ib

Sokoban Game