Creative coder, programmer, teacher, curriculum developer, author, Newfoundlander. I like to keep busy. The pieces that I create are not generated by AI, even though I refer to them as generative art. My works are generated by code that I write.https://bsky.app/profile/shawnpeters1982.bsky.socialhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mwtwmpbxic2vMathober - Day 1 - Perimeter of an Ellipse An ellipse does not have a simple formula for its perimeter. While there are many approximations and calculus-based methods, I approximated the perimeter by using a polygon. https://openprocessing.org/@speters/3024274 #p5js #mathober #mathober101 Oct 2026 22:43 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mwtwmpbxic2vhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdsibystqc2f#Genuary2026 recap. As always, a great collection of prompts. Thanks to all involved. #genuary #p5js01 Feb 2026 13:55 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdsibystqc2fhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdptoaqirs25#Genuary31 - GLSL day. Typically I avoid using shaders. Something about the process just doesn't click with me. Experimenting for this piece I found that I could process an image extremely quickly. Here a webcam image is modified to resemble a CRT display with NES style rendering. #genuary #p5js31 Jan 2026 12:41 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdptoaqirs25https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdomwm5h6k23#Genuary30 - Its not a bug, its a feature. A standard flocking simulation, but with variable alignment, cohesion, and separation scaling. Sometimes they even go into the negative, indicated by changing background colour. Feature, not a bug. #genuary #p5js31 Jan 2026 01:08 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdomwm5h6k23https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdm5lahqzk2u#Genuary29 - Genetic evolution and mutation Using a genetic algorithm series of points are triangulated and coloured a match a photograph. Features from the best are combined and mutated. Original photo and end result are in the thread. #genuary #p5js30 Jan 2026 01:28 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdm5lahqzk2uhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdijrxsnfs22#Genuary28 - No libraries, no canvas, only HTML elements Using only vanilla JS, a grid of DIV elements are created and their colours changed by editing the style property. #genuary #html #JavaScript28 Jan 2026 14:55 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdijrxsnfs22https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdg5dfzpz22d#Genuary27 - Lifeform Reaction–diffusion reaction. This is an extremely speed up recording of the process. End renders in the thread. #p5js #genuary27 Jan 2026 16:07 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdg5dfzpz22dhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mddpqxkpt22d#Genuary26 - Recursive Grids Instead of going with a nice recursive rectangular grid I decided to go with triangles. Overall I really like the effect and will likely go back revisit it in future pieces. #genuary #p5js26 Jan 2026 16:59 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mddpqxkpt22dhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mdata6p6jc2l#Genuary25 - Organic Geometry. Circular cells are grown and divided to somewhat mimic cell division. Marching squares and a lot of transparency add to the growth effect. #genuary #p5js25 Jan 2026 13:23 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mdata6p6jc2lhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3md6dgat4o22u#Genuary24 - Perfectionist’s nightmare. Using randomGaussian() to introduce some small variance, what should be a perfectly aligned set of crosses becomes a perfectionist's nightmare. #genuary #p5js24 Jan 2026 13:35 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3md6dgat4o22uhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3md3x44ih4c2m#Genuary23 - Transparency 255 transparent triangles move over slightly different paths creating areas of colour where they overlap. The video encoding seems to get sluggish for some reason. I tried recording it several different ways without much improvement. #genuary #p5js23 Jan 2026 14:49 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3md3x44ih4c2mhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3md2axlsv4c2j#Genuary22 - Pen plotter ready. Designed as an SVG, several non-intersecting paths are drawn avoiding random circular areas. I'm not sure how well it would actually plot out as the closest thing I have to a plotter is an old Circut machine. #genuary #p5js22 Jan 2026 22:40 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3md2axlsv4c2jhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcwtzv45r222#Genuary21 - Bauhaus Poster. A minimal Bauhaus style poster. The circular pattern was made using blendMode(DIFFERENCE) #genuary #p5js21 Jan 2026 14:11 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcwtzv45r222https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mctzwxjvj22j#Genuary20 - One line Maybe the most important line at the moment. The main border between Canada and the USA is recreated using GPS coordinates mapped to the canvas. To keep it to a single line, the border separating Alaska and the Atlantic ocean portions are ignored. #genuary #p5js20 Jan 2026 11:19 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mctzwxjvj22jhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mct2kv3z2k2s#Genuary19 - 16 x 16 A 16 x 16 grid is generated and filled with random colours quantized in steps of 16. The result is expanded to a full canvas creating a ghosted blur over the original grid. #genuary #p5js20 Jan 2026 01:57 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mct2kv3z2k2shttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcpkbp4ywc26#Genuary18 - Unexpected path. A particle travels in a straight line but turns whenever a prime number of steps has been taken. For extra geekiness, prime numbers are used for values in the code, such as 11 degree turns and colours which have prime red, green, and blue components. #genuary #p5js18 Jan 2026 16:28 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcpkbp4ywc26https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcmscb6tns2w#Genuary17 - Wallpaper group I kept it simple here, making a generator for p1 and p2. Random patterns are drawn, rotated, and translated, to maintain symmetry. #genuary #p5js17 Jan 2026 14:13 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcmscb6tns2whttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcldbbycbc27#Genuary16 - Order and disorder An ordered grid drifts in and out of disorder. #p5js #genuary17 Jan 2026 00:11 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcldbbycbc27https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcibyzjass2z#Genuary15 - Create an invisible object where only the shadows can be seen. Using inverse clipping and blurring, only the offset shadow of an irregularly shaped object can be seen. #genuary #p5js15 Jan 2026 19:11 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcibyzjass2zhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcexrcanzk2j#Genuary14 - Everything fits perfectly. There's something satisfying about watching blocks clip perfectly into place. This sketch creates randomly shaped blocks with the constraint that they fit without blocking future moves. A weighted random function prioritizes empty spaces. #genuary #p5js14 Jan 2026 11:30 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcexrcanzk2jhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mccdypeno22o#Genuary13 - Self Portrait Using clmtrackr and webcam data, I was able to construct this stylized, unrealistic, self portrait. #genuary #p5js13 Jan 2026 10:31 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mccdypeno22ohttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mcatn64c6k2d#Genuary12 - Boxes Only Offset boxes are illuminated from above by a moving light source. #p5js #genuary12 Jan 2026 20:05 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mcatn64c6k2dhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mc5qz7hgh22b#Genuary11 - Quine Following the general Quine structure for JavaScript, the output string is sampled to create a layered background. The string is also drawn as a somewhat self avoiding path. #genuary #p5js #quine11 Jan 2026 14:40 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mc5qz7hgh22bhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mc34lmo34k2e#Genuary10 - Polar Coordinates Using polar coordinates alongside polar-based Perlin noise, layers of transparent blobs are built up to form a cosmic blur. The landscape is also created with polar coordinates with a translated central point. #genuary #p5js10 Jan 2026 13:29 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mc34lmo34k2ehttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbyi32nkys25#Genuary9 - Cellular automata with crazy rules Each of the red, green, and blue channels played by a different set of rules found on https://conwaylife.com/wiki/List_of_Life-like_rules Complex patterns seems to emerge from simple variations. #genuary #p5js09 Jan 2026 12:17 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbyi32nkys25https://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbvtch2j622l#Genuary8 - Create a generative metropolis. Using a single point perspective, a worms eye view of a city is generated. #genuary #p5js08 Jan 2026 11:00 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbvtch2j622lhttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbtbjyconc2o#Genuary7 - Boolean algebra Boolean Cascade A random set of inputs are split into pairs which logic gate operations applied to them. The result is an interesting, bracket tournament like appearance. #genuary #p5js07 Jan 2026 10:37 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbtbjyconc2ohttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbqsreemd22t#Genuary6 - Lights on/off A generated city transitions between day and night triggered by the average luminance of the pixels captured by a webcam. In the captured video, I'm moving my hand toward the webcam to simulate darkness. #p5js #genuary06 Jan 2026 11:07 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbqsreemd22thttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbogqrhxd22g#Genuary5 - Write “Genuary”. Avoid using a font. Using objects that vaguely resemble letters, a mask is created. Random points outside the mask form random circles while those inside the mask from particle trails. #genuary #p5js05 Jan 2026 12:27 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbogqrhxd22ghttps://bsky.app/profile/shawnpeters1982.bsky.social/post/3mbm2p464zc2z#Genuary4 - Lowres Mimicking the Ben Day printing process with CYMK color addition. Random plate segments are repeated applied with a single colour at a time. The end result feels wonderfully 90s. #Genuary #p5js04 Jan 2026 13:46 +0000at://did:plc:ls4z2fdelk6dipfq2krypynk/app.bsky.feed.post/3mbm2p464zc2z