#p5v2 — Public Fediverse posts

#genuary 31: shaders. Well, it's been mostly shaders this whole month, but here's one more, making a disco ball with starburst lens flares. https://openprocessing.org/sketch/2860946 #p5js #p5v2

#genuary 30, it's not a bug, it's a feature. WebGL clips away surfaces that are too close or far from the camera. You can control that distance. I've used that to make an x-ray thing here, featuring this completely not cursed creative coded person. https://openprocessing.org/sketch/2860277 #p5v2 #p5js

#genuary 29: evolution. I've recreated/evolved a sketch from a Processing alpha from 2002 up to current p5. Writeup here: https://www.davepagurek.com/blog/sketch-evolution/ #p5v2 #p5js #processing

#genuary 28: No libraries, just HTML. Here what basically amounts to a fragment shader, but done by checking and unchecking a grid of checkboxes. https://openprocessing.org/sketch/2858648 #p5js #p5v2

#genuary 27: lifeform. Here's a frog. A p5.strands shader warps it in an arc as it jumps. https://openprocessing.org/sketch/2857739 #p5js #p5v2

#genuary 26: recursive grids. Tap the square and it will shatter! This is done by recursively picking a line on each shape and then cutting it in two along that line. https://openprocessing.org/sketch/2856899 #p5v2 #p5js

#genuary 25: organic geometry. Here are a bunch of bugs made of stretched spheres and cylinders, moving around using some noise, with ap5.strands shader bump mapping and doing a bit of iridescence. https://openprocessing.org/sketch/2856313 #p5js #p5v2

#genuary 24: perfectionist's nightmare. get back in line, cube!!! https://openprocessing.org/sketch/2855924 #p5js #p5v2

#genuary 23: Transparency. Started as practice for some other projects. Uses some CSG and some p5.strands shaders to update how light is mixed together when the base material colour is transparent. https://openprocessing.org/sketch/2855229 #p5js #p5v2

#genuary 22: plotter ready. Here's a 3D rendering in p5, with a dithered shader applied, and then the opaque pixels are turned into dots in an SVG! https://openprocessing.org/sketch/2854186 #p5js #p5v2

#genuary 21: Bauhaus poster. Just to see if I could, the positioning is done in a p5.strands shader. https://openprocessing.org/sketch/2852887 #p5js #p5v2

#genuary 20: one line. Split the light beam into its components! The secret is... this is actually many lines, rendered via p5.strands instancing, but they come together to make one line. https://openprocessing.org/sketch/2851676 #p5js #p5v2

#genuary 19: 16x16. Reminded me of the size of ASCII tables. Paired that with p5.strands shaders to bubble around the mouse + add chromatic aberration. https://openprocessing.org/sketch/2851072 #p5js #p5v2

#genuary 18: unexpected path. Just a simple move from left to right, but with an ever noiser offset applied. https://openprocessing.org/sketch/2850448 #p5js #p5v2

#genuary 17: wallpaper. A recreation of an old but great one. Not a complicated pattern, but was fun to recreate bevel by adding a blur and then using the brightness as a height map. https://openprocessing.org/sketch/2850098 #p5js #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. https://openprocessing.org/sketch/2849523 #p5 #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. https://openprocessing.org/sketch/2849523 #p5 #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. https://openprocessing.org/sketch/2849523 #p5 #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. https://openprocessing.org/sketch/2849523 #p5 #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. https://openprocessing.org/sketch/2849523 #p5 #p5v2

#genuary 15: invisible object. Here's a ghost donut casting shadows on a scene. Ended up finally getting around to implementing shadow mapping in p5.js, will probably add that to the p5.filterRenderer library at some point. https://openprocessing.org/sketch/2848511 #p5 #p5v2

#genuary 15: invisible object. Here's a ghost donut casting shadows on a scene. Ended up finally getting around to implementing shadow mapping in p5.js, will probably add that to the p5.filterRenderer library at some point. https://openprocessing.org/sketch/2848511 #p5 #p5v2

#genuary 15: invisible object. Here's a ghost donut casting shadows on a scene. Ended up finally getting around to implementing shadow mapping in p5.js, will probably add that to the p5.filterRenderer library at some point. https://openprocessing.org/sketch/2848511 #p5 #p5v2

#genuary 15: invisible object. Here's a ghost donut casting shadows on a scene. Ended up finally getting around to implementing shadow mapping in p5.js, will probably add that to the p5.filterRenderer library at some point. https://openprocessing.org/sketch/2848511 #p5 #p5v2

#genuary 15: invisible object. Here's a ghost donut casting shadows on a scene. Ended up finally getting around to implementing shadow mapping in p5.js, will probably add that to the p5.filterRenderer library at some point. https://openprocessing.org/sketch/2848511 #p5 #p5v2

#genuary 14: perfect fit. Expanding some text to squish into a square. https://openprocessing.org/sketch/2847478 #p5v2 #p5

#genuary 14: perfect fit. Expanding some text to squish into a square. https://openprocessing.org/sketch/2847478 #p5v2 #p5

#genuary 14: perfect fit. Expanding some text to squish into a square. https://openprocessing.org/sketch/2847478 #p5v2 #p5

#genuary 14: perfect fit. Expanding some text to squish into a square. https://openprocessing.org/sketch/2847478 #p5v2 #p5

#genuary 14: perfect fit. Expanding some text to squish into a square. https://openprocessing.org/sketch/2847478 #p5v2 #p5

#genuary 13: self portrait. SVG data -> polyline -> wiggled with a p5.strands stroke shader. https://openprocessing.org/sketch/2846415 #p5 #p5v2

#genuary 13: self portrait. SVG data -> polyline -> wiggled with a p5.strands stroke shader. https://openprocessing.org/sketch/2846415 #p5 #p5v2

#genuary 13: self portrait. SVG data -> polyline -> wiggled with a p5.strands stroke shader. https://openprocessing.org/sketch/2846415 #p5 #p5v2

#genuary 13: self portrait. SVG data -> polyline -> wiggled with a p5.strands stroke shader. https://openprocessing.org/sketch/2846415 #p5 #p5v2

#genuary 13: self portrait. SVG data -> polyline -> wiggled with a p5.strands stroke shader. https://openprocessing.org/sketch/2846415 #p5 #p5v2

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! https://openprocessing.org/sketch/2845379 #p5 #p5v2

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! https://openprocessing.org/sketch/2845379 #p5 #p5v2

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! https://openprocessing.org/sketch/2845379 #p5 #p5v2

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! https://openprocessing.org/sketch/2845379 #p5 #p5v2

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! https://openprocessing.org/sketch/2845379 #p5 #p5v2

#genuary 11: quine. Kind of not really a quine, this loads its own source code from OpenProcessing to put it on screen. Then glitches it out. https://openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 11: quine. Kind of not really a quine, this loads its own source code from OpenProcessing to put it on screen. Then glitches it out. https://openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 11: quine. Kind of not really a quine, this loads its own source code from OpenProcessing to put it on screen. Then glitches it out. https://openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 11: quine. Kind of not really a quine, this loads its own source code from OpenProcessing to put it on screen. Then glitches it out. https://openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 11: quine. Kind of not really a quine, this loads its own source code from OpenProcessing to put it on screen. Then glitches it out. https://openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 10: polar coordinates. Some p5.strands conic gradient particles. https://openprocessing.org/sketch/2844310 #p5 #p5v2

#genuary 10: polar coordinates. Some p5.strands conic gradient particles. https://openprocessing.org/sketch/2844310 #p5 #p5v2

#genuary 10: polar coordinates. Some p5.strands conic gradient particles. https://openprocessing.org/sketch/2844310 #p5 #p5v2

#genuary 10: polar coordinates. Some p5.strands conic gradient particles. https://openprocessing.org/sketch/2844310 #p5 #p5v2

#genuary 9: crazy automaton. This is kind of reaction diffusiony, where a pixel lives or dies based on its neighbours in the previous frame, but operating on a warped domain. Implemented as a p5.strands shader! https://openprocessing.org/sketch/2843293 #p5v2 #p5