class Game { constructor() { this.Stopwatch = new Stopwatch(); this.xmax = 12; this.ymax = this.xmax; this.nBomb = this.xmax; this.totalCellDiscovered = 0; this.cells = []; this.aBombList = []; this.$playground = $('#playground'); this.events = { die: new CustomEvent('die'), discover: new CustomEvent('discover') }; document.body.addEventListener('die', ()=>{this.end(false);}); document.body.addEventListener('discover', ()=>{ this.totalCellDiscovered++; //console.log(this.totalCellDiscovered,this.nBomb,this.ymax*this.xmax); if(this.totalCellDiscovered + this.nBomb == this.ymax * this.xmax) this.end(true); }); this._initPlayground(); } _initPlayground() { this.$playground.html(''); while(this.aBombList.length < this.nBomb) { let i = Math.floor(Math.random()*this.xmax*this.ymax); if(this.aBombList.indexOf(i)===-1) this.aBombList.push(i); } for(let y=0; y`).appendTo(this.$playground); for(let x=0;x`).appendTo($row); // creer objet js this.cells[y][x] = new Cell(x,y,$obj,isBomb, this.events); } } for(let y=0; y { if(this.Stopwatch.time == 0) this.Stopwatch.run(); }); this._resizePlayground(); } _resizePlayground() { let sizePlayground = $(document).height()+"px"; this.$playground.css('height', sizePlayground); this.$playground.css('width', sizePlayground); let cellWidth = this.$playground.width() / this.xmax; let cellHeight = this.$playground.height() / this.ymax; $('.cell').css("width", cellWidth+"px"); $('.cell').css("height", cellHeight+"px"); } end(win) { this.stopTime(); $('#scoreboard h2').text($('#scoreboard').data(win?'h2-win':'h2-go')); $('#scoreboard p.desc').text($('#scoreboard').data(win?'p-win':'p-go')); $('#over, #restart, #scoreboard').fadeIn(200); } stopTime() { this.Stopwatch.stopRun(); this.Stopwatch.time--; $('#scoreboard p span, #chrono').text(this.Stopwatch.convertTime()); } } class Cell { /** * * @param {int} x position x de l'objet * @param {int} y postiion y de l'objet * @param {obj} $obj objet Jquery * @param {bool} isBomb bombe ou cellule vide */ constructor(x,y,$obj,isBomb, events) { this.aCellsAround = null; this.nBombArround = null; this.bDiscovered = false; this.$obj = $obj; this.isBomb = isBomb || false; this.x = x; this.y = y; this.$obj.click(() => { if(!this.$obj.hasClass('flag')) this.discover(); }); this.$obj.contextmenu(e => { e.preventDefault(); this.$obj.toggleClass('flag'); }); this.events = events; } /** * * @param {array} aCells matrice contenant toutes les cellules * @return {array} */ setNumberOfBombAround(aCells) { if(this.nBombArround === null) { this.nBombArround=0; this.aCellsAround =[]; let ymax = aCells.length; let xmax = aCells[0].length; // va chercher les voisines for(var x = this.x-1;x<=this.x+1;x++) { for(var y = this.y-1;y<=this.y+1;y++) { if(x<0 || x>=xmax || y<0 || y>=ymax || (this.x==x && this.y==y)) continue; this.aCellsAround.push(aCells[y][x]); if(aCells[y][x].isBomb) this.nBombArround++; } } } return this.nBombArround; } /** * Renvoie le nombre de bombes autour * @return Array */ getNumberOfBombAround() { return this.nBombArround; } /** * Révèle le contenu */ discover() { if(this.bDiscovered) return false; this.bDiscovered=true; let b = this.getNumberOfBombAround(); var css = ""; if(this.isBomb) { css = 'bomb'; document.body.dispatchEvent(this.events.die); } else if(b>0) { css = "state-"+b; document.body.dispatchEvent(this.events.discover); } else { css = 'empty'; document.body.dispatchEvent(this.events.discover); for(let i in this.aCellsAround) { this.aCellsAround[i].discover(); } } this.$obj.addClass('discover '+css); this.$obj.removeClass('not-discover'); } } class Stopwatch { constructor() { this.time = 0; this.interval = null; this.stop = false; } run(that) { this.addOneSecond(); } stopRun() { this.stop = true; } addOneSecond(stop=false) { this.time++; if(!stop) setTimeout(()=>{this.addOneSecond(this.stop);},1000); } convertTime() { let hours = parseInt((this.time/(60*60))%24), minutes = parseInt((this.time/60)%60), seconds = parseInt(this.time%60); hours = hours>=10? hours : '0'+hours; minutes = minutes>=10? minutes : '0'+minutes; seconds = seconds>=10? seconds : '0'+seconds; return `${hours}:${minutes}:${seconds}`; } } $(document).ready(function() { new Game(); // listeners $('#rules .btn').click(()=>{$('#rules, #over').fadeOut(0);}); $('#restart').click(()=>{ $('#over, #restart, #scoreboard').fadeOut(200); new Game(); }); });

Mine sweeper