🧪 Indie software researcher & developer
👾 React game developer
Procedural (stateless, declarative) particles on GPU using geometry instancingDemo of pseudo-continuous generation of stateless particles, interpolated trailInertial solo byproductionExplorative art portfolioEmergent procedural content generationCellular automata navigatorObservable notebook to Cloudflare workerFFT usage and result interpretation / plotting (npm:fft.js)Vector VoronoiSmooth a Svg path with cubic bezier curves
Use rxjs operators for iterable
function* inf() {
for (let i = 0; true; i++) {
yield i;
}
}
pipe(
inf(),
rx.map((i) => i * 10)
)
[
...pipe(
inf(),
rx.pipe(
rx.scan((acc, i) => acc + i, 0),
rx.take(99)
)
)
]
range = (a, b) =>
pipe(
inf(),
rx.pipe(
rx.map((i) => i + a),
rx.take(b - a)
)
)
// implementation
function* pipe(iterable, op) {
let subscriber;
let pool = [];
new rx.Observable((s) => (subscriber = s))
.pipe(op)
.subscribe((v) => pool.push(v));
for (const value of iterable) {
subscriber.next(value);
yield* pool;
if (subscriber.closed) {
return;
}
pool = [];
}
subscriber.complete();
}
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.
