sketch
function setup() {
createCanvas(600, 450);
background(100);
fade = 0;
}
function draw() {
var xmousePos = max(min(mouseX, 600), 0);
var ymousePos = max(min(mouseY, 450), 0);
var color = dist(300, 225, xmousePos, ymousePos);
stroke(255, color, 0);
//strokeweight increases as cursor moves further away from center
strokeWeight(dist(300, 225, (xmousePos), (ymousePos)));
//drawing line that follows the cursor
line(300, 225, xmousePos, ymousePos);
//
line(300, 225, xmousePos, -ymousePos);
}
I wanted to work with gradually changing colors particularly in projects to create a smooth gradient brush effect. Next time I want to try making curved lines as well.