Published
Edited
Mar 28, 2022
3 stars
Insert cell
Insert cell
GPU = require("gpu.js@2.15.2")
Insert cell
viewof krender = {
const krender = new GPU.GPU()
.createKernel(function(v) {
this.color(this.thread.x / 500, this.thread.y / 500, v);
})
.setOutput([500, 500])
.setGraphical(true);

return Object.assign(krender.canvas, { value: krender });
}
Insert cell
value = Math.sin(now / 500) ** 2
Insert cell
{
// these two operations must be done in sequence, otherwise…
krender(value);
return krender.getPixels();
}
Insert cell
// …this returns a black vector (all zeros)
krender.getPixels()
Insert cell

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.
Learn more