3. Repte 3. Interaccions

3.10. Exercicis

3.10.11. Funció map

 

Dificultat: fàcil

Canvia els valors de la funció map, perquè l’el·lipse només es mogui dins del rectangle.

var d = 50;
var xMap = 0;
var yMap = 0;

function setup() {
	createCanvas(500, 500);
}


function draw() {
	background("grey");

	noFill();
	stroke(0);
	rect(150,150,200,200);

	xMap = map(mouseX,0,width,0,width,true); //map(valor a mapejar, min rang original, max rang original, min rang desitjat, max rang desitjat).
	yMap = map(mouseY,0,height,0,height,true);

	noStroke();
	fill("black");
	ellipse(xMap,yMap,d);
}