#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. 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. openprocessing.org/sketch/2860277 #p5v2 #p5js

oops accidentally tagged this with p5v3. accidentally posting from the future lol. just #p5v2 actually

#genuary 28: No libraries, just HTML. Here what basically amounts to a fragment shader, but done by checking and unchecking a grid of checkboxes. 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. 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. 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. openprocessing.org/sketch/2856313 #p5js #p5v2

#genuary 24: perfectionist's nightmare. get back in line, cube!!! 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. openprocessing.org/sketch/2855229 #p5js #p5v2

A sphere and a shadow, rendered with a bunch of tiny black dots.

#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! 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. 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. 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. 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. 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. openprocessing.org/sketch/2850098 #p5js #p5v2

#genuary 16: order/disorder. Here's a particle system in p5.strands that morphs between the two words. 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. openprocessing.org/sketch/2848511 #p5 #p5v2

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

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

#genuary 12: boxes. Just a cube grid with a p5.strands shader changing their sizes! 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. openprocessing.org/sketch/2844821 #p5 #p5v2

#genuary 10: polar coordinates. Some p5.strands conic gradient particles. 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! openprocessing.org/sketch/2843293 #p5v2 #p5

#genuary 8: city. This one's a p5.strands shader for the ground to do a height map, and then another one to draw a cube a bunch of times at different spots and following the height map! openprocessing.org/sketch/2842279 #p5v2

#genuary 7: booleans on shapes, using p5.csg and p5.filterRenderer for contact shadows openprocessing.org/sketch/2841140 #p5 #p5v2

#genuary 6: light switch. it's a light switch! openprocessing.org/sketch/2835355 #p5 #p5v2

#genuary 5: write "genuary" without using a font. This is an SDF in p5.strands painfully constructed out of lines, circles, and booleans. openprocessing.org/sketch/2839537 #p5 #p5v2

#genuary 4: low res. Here's a small shader with noise and feedback where you can see the pixels. Done with p5.strands openprocessing.org/sketch/2839078 #p5 #p5v2

#genuary 3's theme is "fibonacci." You know how low effort """science""" images will slap a fibonacci spiral on a picture of some nature and hype it up? Yeah. Made in #p5v2 but there is nothing technically interesting going on in this one lol openprocessing.org/sketch/2838517