xxxxxxxxxx
72
function setup() {
createCanvas(400, 400);
background("rgb(35,34,34)");
var circleSize = 250;
this.draw = function() {
circle(width/2, height/2, circleSize);
fill("white");
ellipseMode(CENTER);
stroke("rgb(207,227,247)");
circle(width/2, height/2, circleSize);
filter(BLUR,5);
let ctx = canvas.getContext('2d');
ctx.shadowColor = 'black'; // Shadow color
ctx.shadowOffsetX = 2; // Horizontal offset
ctx.shadowOffsetY = 2; // Vertical offset
ctx.shadowBlur = 8; // Blur radius
// Top line.
textSize(32);
fill(255);
stroke(0);
strokeWeight(2);
textAlign(CENTER);
text('You Think', 200, 160);
// Middle line.
textSize(32);
fill(255);
stroke(0);
strokeWeight(2);
textAlign(CENTER);
text('You Know Me', 200, 200);
// Bottom line.
textSize(32);
fill(255);
stroke(0);
strokeWeight(2);
textAlign(CENTER);
text("But You Don't", 200, 240);
}
let button = createButton('click to transcend');
button.position(170, 350);
button.mousePressed();
console.log('move to next screen')
this.mouseClicked = function() {
if (dist(mouseX,mouseY,width/2,height/2) < circleSize/2) {
console.log('move to origin story');
}
}
}