3. Reto 3. Interacciones

3.10. Ejercicios

3.10.11. Función map

Dificultad: fácil

Cambia los valores de la función map, para que la elipse solo se mueva dentro del rectángulo.

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 mapear, min rango original, max rango original, min rango deseado, max rango deseado).
	yMap = map(mouseY,0,height,0,height,true);

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