Dots
points/dots.js
Show Example Source
let pos, size, color, pointMaterial;
// smearing color
pos = solid(pnoise(0.4, 0.1).map(-1,1,-0.1,1.1), noise(0.6, 0.03).map(-1,1,-0.1,1.1));
size = noise(0.4).mult(20);
color = cnoise(100).saturate(()=>time%2.0);
pointMaterial = mat.dots(pos, size, color);
stage()
.points([500, 500], pointMaterial)
.clear(0.001)
.render()
pointMaterial = mat.dots(solid(noise(1, 0.01).map(-1,1,-0.2,1.2).scrollX(0, 0.01), noise(2, 0.01).map(-1,1,-0.2,1.2)), noise(1).mult(3), solid(1,1,1));
stage()
.points([800, 800], pointMaterial)
.clear(0.05)
.render()
// storm
solid(0)
.layer(
stage().points([20, 20], mat.dots(solid(noise(100).map(-1,1,0,1), tex.data(arr.random(50, 50, {max: 255}))), noise().mult(10), cnoise(1000, 0.1)
.brightness()))
)
.st(scrollY(0, -0.1))
.render();
// circle
pointMaterial = mat.dots(solid(sin().add(0.5), cos().add(0.5)), 3, cnoise(1000).rotateDeg(0, 1).saturate(8));
stage().points([100,1], pointMaterial).render();
// japan flag
solid(1, 1, 1, 1).layer(stage().points([1], mat.dots(0.5, 500, solid(1)))).render()