Generative artist, sharing my journey in visual experiments.
Genuary 2023 #1: Perfect LoopHomage to De StijlGenerative Loop templateHexgridsNoisy Blob Point CloudXOR HexgridRecursive Grid, Clipping and NoiseAnimating Planet-Fbnb utility exampleAnimated stripes gifs from scalar fieldsSquare noiseGrowing Spaces, the animated versionEndless tunnelUntitledAnimated Blobby CirclesHypnoloopDancing AlienAnimated Paper WavesAbstract Mecha, animated versionThis is only platonicRubick's cube, but easier :)XORStraight lines in a polar worldBNB x ShadersA wild Torus appearedSpinning CubesWavy HexagonCurvy LinesHello bnbMulti-scale Truchet patternsUntitledFurry Ballnoisy grid
Bouncing Boxes
bnb({
w, h,
webgl: true,
numFrames: 125,
fps: 25,
record: true,
video: true,
loops:4,
shutterAngle: 0.8,
samplesPerFrame: 12,
chromaticAberration: 100,
setup: (s, g) => {
s.frameRate(25)
},
draw: (s, t, g) => {
s.background(22)
s.rotateY(t * s.TAU)
s.rotateZ(t * s.TAU)
s.stroke(255)
s.strokeWeight(2)
s.fill(0)
const angle = t * s.TAU
const w = 100 + (s.cos(angle) * s.sin(8 * angle) + 1) * 150
const d = 100 + (s.sin(angle) * s.sin(8 * angle) + 1) * 50
s.box(w, d, d)
s.push()
s.rotateZ(s.PI/2)
s.box(w, d, d)
s.pop()
s.push()
s.rotateY(s.PI/2)
s.box(w, d, d)
s.pop()
},
})
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.
