// this is my goal: // https://www.sololearn.com/post/53646 function main(){ record = { pairs: { match: 0, total: 0, display: function(){ document.getElementById("match").innerText = "match: " + record.pairs.match; document.getElementById("fliped").innerText = "fliped: " + record.pairs.total; }, reset: function(){ record.pairs.match = record.pairs.total = 0; record.pairs.display(); }, add: function(succeed){ if(succeed===true) record.pairs.match += 1; record.pairs.total += 1; record.pairs.display(); } }, time: { running: false, starting: 0, passed: 0, display: function(){ function toTime(t){ ms = t%1000; t = Math.floor(t/1000); s = t%60; t = Math.floor(t/60); m = t%60; t = Math.floor(t/60); h = t; if(h>0) return h + ":"+ ("0"+m).slice(-2) + ":" + ("0"+s).slice(-2); else if(m>0) return m + ":"+ ("0"+s).slice(-2) + "." + ("00"+ms).slice(-3); else return s + "." + ("00"+ms).slice(-3); } document.getElementById("time").innerText = "time: " + toTime(record.time.passed); }, start: function(){ record.time.running = true; record.time.starting = Date.now(); timer = setInterval(function(){ if(record.time.running===true){ record.time.passed = Date.now() - record.time.starting; record.time.display(); } else{ clearInterval(timer); } }, 10); }, stop: function(){ record.time.running = false; } } }; // canvas, ctx board = { cv : document.getElementById("board"), ctx : document.getElementById("board").getContext("2d")}; touch = { cv : document.getElementById("touch"), ctx : document.getElementById("touch").getContext("2d")}; // game setting gb = gameboard = { size: 2, card: { size: 0, cover: {color: "#c80"} }, penalty: 500/*ms*/, ready/*for penalty*/: true }; // game status gd = gamedata = { pairs: { total: 0, left: 0 }, card: { tmp1: undefined, tmp2: undefined } }; // ai setting ais = AI_setting = { rt/*recognize time*/: 200/*ms*/, rt2: 300/*ms*/, memlim: { cards: 10, pairs: 10 }, ut/*update time*/: 10 }; drawCards(gb.size); } function drawCards(size){ board.ctx.clearRect(0, 0, board.cv.width, board.cv.height); if(typeof(size) !== "number" || size<2 || size>=361){ console.log("gameboard building failed"); return; }else{ gb.size = size = Math.floor(size); gd.pairs.total = gd.pairs.left = (size*size-size%2)/2; var answer = createCards(size); } var w = board.cv.width; var cs = w/(size+.1); gb.card.size = cs; for(var x=0; x=.1 && y%1>=.1){ x = Math.floor(x); y = Math.floor(y); if(gb.size%2===0 || x!==gb.size/2-.5 || y!==gb.size/2-.5){ if(!isOpen(x, y) && gb.card.tmp2===undefined){ // can open clearCard(touch.cv, gb.card.size, x, y); if(gd.card.tmp1===undefined){ // first card gd.card.tmp1 = {x: x, y: y}; }else{ // second card gd.card.tmp2 = {x: x, y: y}; // check pairs if(getCardColor(gd.card.tmp1.x, gd.card.tmp1.y) !== getCardColor(gd.card.tmp2.x, gd.card.tmp2.y)){ // failed gb.ready = false; record.pairs.add(false); var a=gd.card.tmp1, b=gd.card.tmp2; setTimeout(function(){ closeCard(a.x, a.y); closeCard(b.x, b.y); gb.ready = true; }, gb.penalty); }else{ // matched gd.pairs.left -= 1; record.pairs.add(true); if(gd.pairs.left===0){ // game cleared record.time.stop(); setTimeout(function(){ alert("You win!"); document.getElementById("cover").style.display = "block"; gb.size++; }, 100); } } // clear temp cards gd.card.tmp1 = gd.card.tmp2 = undefined; } // card position return {x: x, y: y}; // no return when opening failed } } } } function closeCard(x, y){ // only called in openCard, integers drawCard(touch.cv, gb.card.size, x, y, gb.card.cover.color); } function getCardColor(x, y){ // integers return "rgba("+board.ctx.getImageData((x+.5)*gb.card.size, (y+.5)*gb.card.size, 1, 1).data.join(", ")+")"; } function isOpen(x, y){ // integers return touch.ctx.getImageData((x+.5)*gb.card.size, (y+.5)*gb.card.size, 1, 1).data[3]===0; } function createCards(size){ var answer = {colors: undefined, cards: undefined}; var cards = size*size - size%2; var half = cards/2; var colors = []; if(half<360){ // use hsl color var step = 360/half; for(var p=0; p0; p--){ var ind = Math.floor(Math.random()*(p+1)); if(p>ind){ var tmp = nums[p]; nums[p] = nums[ind]; nums[ind] = tmp; } } // insert back center if(size%2===1) nums.splice(half, 0, half); answer.cards = nums; return answer; } // AI function autoplay(){ //alert("Autoplay Start"); document.getElementById("deck").style.display = "block"; var AI = {rt: ais.rt, rt2: ais.rt2, mc: [], mp: [], reserve: undefined, ready/*for recognizing*/: true, remember: { card: function(pos, color){ AI.mc.splice(0, 0, {pos: pos, color: color}); AI.mc.splice(ais.memlim.cards); }, pair: function(card1, card2){ if(card1.pos.ycard2.pos.y || (card1.pos.y===card2.pos.y&&card1.pos.x>=card2.pos.x)){ var tmp = card1; card1 = card2; card2 = tmp; } for(var p=0; p-1) AI.mc.splice(iim, 1); }else{// second card rp = true; var pim = false; // pair in memory var iim = AI.findColor(AI.mc[0].color, 1); // index in memory if(iim>-1){ pos = AI.mc[iim].pos; AI.mc.splice(iim, 1); pim = true; } if(pim === false) while(isOpen(pos.x, pos.y) || AI.findPos(pos, 1)>-1 || AI.hasPair(AI.mc[0], {pos: pos})){ pos.x += 1; if(pos.x===gb.size){ pos.x = 0; pos.y += 1; if(pos.y===gb.size) pos.y = 0; } } AI.reserve = AI.mc[AI.findColor(getCardColor(pos.x, pos.y))]; } var res = openCard(pos.x+.5, pos.y+.5); AI.ready = false; setTimeout(function(){ if(res !== undefined){ if(AI.reserve!==undefined) AI.reserve = AI.reserve.pos; AI.remember.card(res, getCardColor(res.x, res.y)); if(rp===true) AI.remember.pair(AI.mc[0], AI.mc[1]); } AI.ready = true; }, AI.rt); } }, ais.ut); }

match game