MineSweeper Triangle

by juvian

HTML

<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.1.0.js"></script>
<div id = 'conf'>
           <button id="reset"> Reset </button>   
</div>
<div id="container">
    
</div>
<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.2.min.js"></script>
<body oncontextmenu="return false;">

CSS

#container{
    width:100%;
    height:100%;
}
#reset{
    margin-bottom:10px;
    display:inline-block;
}
#slider{
    width:50%;
    display:inline-block;
    margin-left:20px;
}

JavaScript

var QueryString = function () {
  // This function is anonymous, is executed immediately and 
  // the return value is assigned to QueryString!
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    	// If first entry with this name
    if (typeof query_string[pair[0]] === "undefined") {
      query_string[pair[0]] = pair[1];
    	// If second entry with this name
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]], pair[1] ];
      query_string[pair[0]] = arr;
    	// If third or later entry with this name
    } else {
      query_string[pair[0]].push(pair[1]);
    }
  } 
    return query_string;
} ();


    var stage = new Kinetic.Stage({
        container: 'container',
    });
    var layer = new Kinetic.Layer();
    var layer2=new Kinetic.Layer();
    var layer3=new Kinetic.Layer();
    

    function Triangle(params) {
        var p = {
            sides: 3,
            radius: 16,
            fill: '#00D2FF',
            stroke: 'black',
            strokeWidth: 1,
        };
        for (var i in params) p[i] = params[i];
        return new Kinetic.RegularPolygon(p);
    }


      var text = new Kinetic.Text({
        x: 10,
        y: 10,
        fontFamily: 'Calibri',
        fontSize: 24,
        text: '',
        fill: 'black'
      });

      function writeMessage(message) {
        text.setText(message);
        layer3.draw();
      }

      layer3.add(text);

    var flag = new Image();
    flag.src = 'http://www.graphicsfuel.com/wp-content/uploads/2011/11/flag-icon-512.png';
    
    var bomb = new Image();
    bomb.src="http://cs.swarthmore.edu/~bmarks1/img/minesweeper.png";
    
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

    function Game() {
        this.width = 600;
        this.height = 400;
        this.base = 14;
 ...