var can; var c; var CELLWIDTH; var cells; var grid; var row; var colors; var cellAmount; var amountChanged; var frameCount; var executeAtFrame; window.onload = function() { can = document.getElementById("c"); c = can.getContext("2d"); can.width = window.innerWidth; can.height = window.innerHeight; amountChanged = false; frameCount = 0; executeAtFrame = 10; cellAmount = parseInt(document.getElementById("cellAmount").value); CELLWIDTH = can.width/cellAmount; cells = []; grid = []; row = []; colors = [ //"rgba(255, 196, 0, ", //"rgba(255, 0, 246, ", //"rgba(0, 255, 237, ", "rgba(0, 255, 237, ", "rgba(46, 255, 184, ", "rgba(78, 136, 192, ", "rgba(25, 53, 79, ", ] reset(cellAmount); animate(); } function animate(){ if(amountChanged){ cellAmount = parseInt(document.getElementById("cellAmount").value); reset(cellAmount); amountChanged = false; } executeAtFrame = Math.sqrt(document.getElementById("executeAtFrame").value); if(frameCount >= executeAtFrame){ frameCount = 0; c.fillStyle = "rgba(51, 51, 51, 1.0)"; c.fillRect(0,0,can.width,can.height); for(var i=0;i 0){ if(cells[this.color][indexY][indexX-1].glows){ return true; } } if(indexY > 0){ if(cells[this.color][indexY-1][indexX].glows){ return true; } } if(indexX < cells[0][0].length-1){ if(cells[this.color][indexY][indexX+1].glows){ return true; } } if(indexY < cells[0].length-1){ if(cells[this.color][indexY+1][indexX].glows){ return true; } } return false; } this.glowClose = function(){ var indexX = parseInt(this.x/CELLWIDTH); var indexY = parseInt(this.y/CELLWIDTH); var checkRange = 2; var minX = indexX-checkRange; var maxX = indexX+checkRange; var minY = indexY-checkRange; var maxY = indexY+checkRange; if(minX < 0){ minX = 0; }else if(maxX > cells[0][0].length-1){ maxX = cells[0][0].length-1; } if(minY < 0){ minY = 0; }else if(maxY > cells[0].length-1){ maxY = cells[0].length-1; } for(var i = minY;i < maxY;i++){ for(var j = minX;j < maxX;j++){ if(cells[this.color][i][j].glows || cells[this.color][i][j].hasGlown){ return true; } } } return false; } this.glowChance = function(){ if(Math.random() < 0.0001){ this.glows = true; } } }

Glowgrid Overlayed