xxxxxxxxxx
let slider;
let inkWidth = 100;
//-------------------------------------------
function setup() {
createCanvas(windowWidth, windowHeight);
noStroke();
slider = createSlider(0, 300, 150);
slider.position(10, 10);
slider.style('width', '90px');
}
//-------------------------------------------
function draw(){
let color = slider.value();
if (mouseButton === RIGHT) {
if (mouseIsPressed) {
noStroke();
ellipse(mouseX, mouseY, inkWidth, inkWidth);
fill(15+color, 170, 184,10);
blendMode (BLEND)
}
}
if (mouseButton === LEFT) {
if (mouseIsPressed) {
stroke(201-color, 70, 58)
line(pmouseX,pmouseY,pmouseX,pmouseY)
var size = random(-10,40)
var x = mouseX + random(-10, 40)
var y = mouseY + random(-10,40)
ellipse(x,y,size,size)
var speed = dist(pmouseX,pmouseY,mouseX,mouseY)
strokeWeight(50-speed)
if(mouseIsPressed){
line(pmouseX,pmouseY, mouseX,mouseY)
blendMode(SCREEN)
}
}
}
}
document.addEventListener('contextmenu', event => event.preventDefault());