Let's build a better world, together.
mutable image = ""
{
if (window.p_inst !== undefined) {
window.p_inst.remove();
}
window.p_inst = new P5(
(p) => {
p.preload = preload(p);
p.setup = setup(p);
p.draw = draw(p);
},
document.querySelector("#view"),
true
);
return "Succeed";
}
function preload(p) {
return async () => {
mutable image = p.loadImage(await FileAttachment("sample.png").url());
};
}
function setup(p) {
return () => {
p.createCanvas(960, 640); // updatePixels not work in WEBGL mode
};
}
function draw(p) {
return () => {
p.image(mutable image, 0, 0);
const c = mutable image.get(p.mouseX, p.mouseY);
p.fill(c);
p.circle(p.mouseX, p.mouseY, 60);
mutable Output = c;
};
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
