"MouseOver" - Processing

ID	Autor	Duplicat din	Ultima modificare
`#219`	Candale Silviu (silviu)	-	Duminica, 19 iun 2016, 07:30

function setup() {
	createCanvas(400, 400);
  	rectMode(CENTER);
}

var N = 10; // numarul de patrate pe fiecare dimensiune
var D = 150; // raza de actiune

function draw() {
	background("lightblue");
  	fill("red");
  	textSize(70);
  	text("Processing", 10,170);
  	textSize(170);
  	text("JS", 150, 360);
  	var H = height / N, W = width / N;
  	fill(255);
  	for(var i = 1; i <= N ; i ++)
        for(var j = 1 ; j <= N ; j ++)
        {
			var h = H, w = W, x = (j-1) * W + W / 2 , y = (i-1) * H + H / 2;
          	fill("white");
          	noStroke();
          	if(mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height && dist(x,y,mouseX,mouseY) < D)
            {
            	h = dist(x,y,mouseX,mouseY) * H/ D;
              	w = dist(x,y,mouseX,mouseY) * W/ D;
            }
          	rect(x,y,w,h);
        }
}