#p5
Another 1-bit, @RaspberryPi Pico motion sketch made out of what used to be Processing code.
Music in Reason 10.
#design #graphicdesign #motiondesign #motiongraphics #generativeart #algorithmicart #generative #algorithmic #processing #processing4 #p5js #p5 #arduino #raspberrypi #raspberrypipico #raspberry #nokia5110 #1bitdisplay #1bit #1bitlcd #1bitart #lcd #retroart #retro #maker #digitalart #multimediaart #computerart
You can now add CDN links to your p5cljs sketches 🥳 https://p5cljs-editor.github.io/
#p5 #p5js #js #webeditor #editor #webapp #webdev #cljs #clojurescript
Really impressed with this DT thesis from #entropy called p5.genzine, developed by Munus Shih and Iley Cao, “makes it easy to code and generate printable files for an 8-page #zine directly from your p5 sketch. It offers a user-friendly graphical interface tailored for interactive #zines, integrated export buttons to create print-ready layouts, and custom functions for typography and graphic design” #p5 #processing
https://parsons.edu/dt-2023/p5-genzine/
Sketches are encoded in the URL, so you can easily share them:
The p5.cljs editor is live! It's a really barebones editor, but you can now try writing P5 in ClojureScript! Link: https://p5cljs-editor.onrender.com/
Not affilliated with P5 or the Processing foundation.
#p5 #processing #clojurescript #cljs #p5js #js #creativecoding
Building a web editor for P5 but using ClojureScript!
This is a really ugly proof of concept, but I'm really happy to have learned how to create this.
Neue Werkzeuge: P5, Jupyter und mehr online
Nicht nur ich bewege mich wieder zurück und weg von den reinen statischen Seiten vom Desktop ins Web. Das Neue daran ist, daß die neuen Werkzeuge (meist) ohne dedizierten Server auskommen. Der dynamische Content wird per JavaScript im Client (das ist in der Regel der Browser) erstellt. Ein paar Beispiele, die mir in den letzten Tagen untergekommen sind: https://kantel.github.io/posts/2023050402_p5_jupyter_und_mehr_online/ #P5 #Processing #Plotly #JupyterLite #Docsify #Markdown #Quarto
waitwhat? first KT does #P5 sequel, and now Perfect World does alternate route?
Revealing the pixels...
#creativecoding #generativeart #patterndesign #motiongraphics #typescript #p5 #p5js #processing #pixel #vcvrack #modularsynth #genartclub
Extended my modulo pattern generater by adding modulated hue + some atmospheric #interstellar #vcvrack #modularsynth sounds
#modulo #pattern #graphicdesign #p5 #processing #openframeworks #genartclub #wednesday #creativecodeart #processing #generativeart #colors #colorful
Hier ein #Demo #Moodle Kurs für meine #H5P Plugins
https://www.opencoding.de/course/view.php?id=2#section-2
Der Source-Code findet sich auf codeberg: https://codeberg.org/a_siebel
FPS performance monitoring widget I built for #p5js.
https://editor.p5js.org/stungeye/sketches/_Xe1OvgZL
* Displays current frame-rate and the average frame-rate of last N frames.
* Optionally displays a graph of the last N sampled frame-rates.
Changing the underlying grid system of the modulo system from a circular grid to a carthesian one.
+ Bonus: Second first ever shared VCV Rack sound snippet of mine 🎉🔊
#creativecode #generativeart #digitalart #codeart #creativecodeart #proceduralart #processing #p5js #p5 #webdevelopment #generativedesign #geometry #digitaldesign #abstractart #abstract #blackandwhite #motiongraphics
Monochrome modulo pattern with alternating rotations.
Still sticking to this idea of modulo controlled pattern and experiment with it more.
#creativecode #genartclub #generativeart #p5 #p5js #pattern #geometric #abstract #composition #buildings #patterndesign #patterns #minimal #bnw #bw #monochrome #monoart #noir #insta_bw #white #monotone
Mapping to grayscale values instead only boolean black & white.
#pattern #geometric #geometry #abstract #patterndesign #patterns #minimalism #creativecode #p5js #p5 #processing #creativecoding #genart #generativeart #genartclub #webdesign
A bunch of surprisingly nice patterns created from using more complex modulo operations in combination with randomized parameters.
#pattern #geometric #geometry #abstract #patterndesign #patterns #minimal #creativecod #p5j #p5 #processing #creativecoding #genart #generativeart #genartclub
An old Processing sketch, recolored. I believe this is a #lissajous figure; at least at its core.
#design #graphicdesign #algorithmicart #algorist #algorithmic #processing #processing4 #art #visualart #illustratiom #generative #generativeart #p5 #p5js #lissajouscurves
idk why i like this man but i just do after playing p5r in particular
#Art #ShitpostArt #Persona5 #P5 #GoroAkechi
I fail to understand why I had never bothered to render my Processing sketches as SVG until now.
#design #graphicdesign #algorithmicart #algorist #algorithmic #processing #processing4 #art #visualart #archimedeanspiral #generative #generativeart #p5 #p5js
More modulo motion patterns... using these for an upcoming blog post about integration of p5 sketches via iframes and how pass data between host and iframe code ✌️
#genartclub #generativeart #creativecoding #generative #codeart #digitalart #abstractart #algorithmicart #creativecodeart #abstract #newmediaart #computerart #generativedesign #procedural #processing #artxcode #geometricart #design #typescript #iframe #p5js #p5
@vinesnfluff I'm not against that. I HATED him with a passion.
And unlike Sojiro, he didn't have a cool side that was buried underneath a gruff exterior.
Still going through various bits of code I wrote years ago: this was an experiment with #Voronoi cells and particles done in #p5.
On each frame, each cell has a chance to split, giving birth to two new cells with slightly different hues. The cells are linked to hidden particles that repel each other, creating a seemingly organic movement.
The source code is available here: https://github.com/GhettoBastler/cells
Second last prompt for Genuary: Minimalism
This time it's M for Minimalism
#genuary #genuary2023 #genuary30 #generativeart #creativecoding #generative #typograhpy #abstractart #digitalart #dailysketch #processing #p5 #p5js #openframeworks #creativecodeart #newmediaart #minimalism #minimalistic
Second last prompt for Genuary: Minimalism
This time it's M for Minimalism
#genuary #genuary2023 #genuary30 #generativeart #creativecoding #generative #typograhpy #abstractart #digitalart #dailysketch #processing #p5 #p5js #openframeworks #creativecodeart #newmediaart #minimalism #minimalistic
Genuary #29: Maximalism
M for Maximalism!
few iterations/variations
#genuary #genuary29 #generativeart #genuary2023 #creativecoding #codeart #abstractart #picoftheday #processing #creativecodeart #geometry #geometricart #p5js #p5 #javascript #typescript #webdev
Genuary #29: Maximalism
M for Maximalism
#genuary #genuary29 #generativeart #genuary2023 #creativecoding #codeart #abstractart #picoftheday #processing #creativecodeart #geometry #geometricart #p5js #p5
Genuary #27: In the style of Hilma Af Klint.
Inspired by The Swan N°17, 1914/1915 Hilma Af Klimt
Stills, stills, stills...
#genuary #genuary27 #genuary2023 #creativecoding #generative #generativeart #abstractart #digitalart #processing #p5js #p5 #swan #swedishart #creativecodeart #hilmaafklimt #disk #geometry #geometricart #art
Genuary #27: In the style of Hilma Af Klint.
Inspired by The Swan N°17, 1914/1915 Hilma Af Klimt
#genuary #genuary27 #genuary2023 #creativecoding #generative #generativeart #abstractart #digitalart #processing #p5js #p5 #swan #swedishart #creativecodeart #hilmaafklimt #disk #geometry #geometricart #art
Genuary #25: Yayoi Kusama
#genuary #genuary25 #genuary2023 #generativeart #genartclub #yayoikusama #art #kusama #artist #contemporaryart #yayoikusamaexhibition #kusamayayoi #japan #yayoi #popart #japaneseart #dots #artwork #creativecoding #generative #codeart #abstractart #photooftheday #digitalart #picoftheday #processing #creativecodeart #newmediaart #geometry #geometricart #p5js #p5 #openframeworks
Went with a simple rip and tear textile toy simulation in pure #webgl for #genuary24 prompt "Textile"
+ some stills (black on white), which - I think - turned out looking rather interessting
#genuary #genuary2023 #genuary24 #generativeart #simulation #typescript #webgl #threejs #p5js #p5 #processing #creativecoding #generative #codeart #abstractart #instagood #digitalart #dailysketch #dailyart #sketches #creativecodeart #newmediaart #geometry #geometricart #blackandwhite
Went with a simple rip and tear textile toy simulation in pure #webgl for #genuary24 prompt "Textile"
+ some stills (white on black), which - I think - turned out looking rather interessting
#genuary #genuary2023 #genuary24 #generativeart #simulation #typescript #webgl #threejs #p5js #p5 #processing #creativecoding #generative #codeart #abstractart #instagood #digitalart #dailysketch #dailyart #sketches #creativecodeart #newmediaart #geometry #geometricart #blackandwhite
Went with a simple rip and tear textile toy simulation in pure #webgl for #genuary24 prompt "Textile"
- a second variation
#genuary #genuary2023 #genuary24 #generativeart #simulation #typescript #webgl #threejs #p5js #p5 #processing #creativecoding #generative #codeart #abstractart #instagood #digitalart #dailysketch #dailyart #sketches #creativecodeart #newmediaart #geometry #geometricart #blackandwhite
Went with a simple rip and tear textile toy simulation in pure #webgl for #genuary24 prompt "Textile"
#genuary #genuary2023 #genuary24 #generativeart #simulation #typescript #webgl #threejs #p5js #p5 #processing #creativecoding #generative #codeart #abstractart #instagood #digitalart #dailysketch #dailyart #sketches #creativecodeart #newmediaart #geometry #geometricart #blackandwhite
Day #17 of Genuary: Grid³:
A grid inside a grid inside a grid
#genuary #genuary2023 #genuary17 #genartclub #creativecoding #grid #graphicdesign #webgl #p5 #three #openframeworks #processing #lineart
Just a quick sketch for today's prompt: Intersections
More info: https://genuary.art
#genuary4 #genuary #genuary2023 #p5js #p5 #genartclub #GenerativeArt #CreativeToots #CreativeCoding #generative
Does anyone know how to create a raw sound buffer (float32 array) and play it in #P5? From what I can tell in the docs, you can set a buffer but I don't see any methods to instantiate an empty buffer.
Learning about the Google Closure Compiler + #ClojureScript. I thought using HTML Canvas alone would make for a smaller payload, considering minified P5 is 877KB(!), but turns out GClosure's aggressive optimization makes the payload with #P5 just as small.
From Processing Foundation, a call for a paid p5.js Sound Fellow. Deadline to apply: December 7 🔊🌸
https://processingfoundation.org/fellowships/p5-sound-fellow-2023-open-call
"We are looking for a #p5.sound Fellow to focus on re-envisioning sound in the p5.js project, as a #beginner-friendly intro to working with sound on the web and integrating sound into interactive audiovisual projects!"
For more on p5.js, check out our interview with some of the team behind p5 in our episode 3 "Can a programming language be a radical community?" https://www.artistsandhackers.org/programming-radical-community
#emacs package/blog/literate program of the day: `ob-p5js`
I wrote this package during an afternoon in a #LiterateProgramming fashion, maybe some people have never seen how to write #OrgBabel packages in #OrgMode. Also if you don't know #processing, #p5 or #p5js it might be a good resource to get motivated!
What I like about this is that I can write many interactive visualizations in the same html file with #OrgMode seamlessly.
left: generative pixel art produced via p5.js
right: upscaled AI interpretation of the image on the left (I know it's rough, I'm just playing, not being serious)
as always it's a ton of fun using AI to reinterpret my abstract pixelart
Hi everyone!
#introduction I'm sqrtofpi ("pi" for short). I'm a generative/AI artist. I use p5.js, GANs, diffusion models, and more to create art. My current focus is on code-based generative art using p5.js.
I'll be posting works-in-progress, finished work, and other thoughts related to generative art
You can learn more about me and my process in a recent interview I did with a friend:
https://jlmaxcy.mirror.xyz/3YgKmp2C4h5QPLCSRLrR8U87-PFarMWD9eMYTgM7D84
still refining the outputs of this algorithm #generativeart #p5 #creativeCoding #art
Hello everyone; great to see you on this new platform. #generativeart #p5 #introduction
after discovering the "live coding youtube" library (💜 h/t @yaxu) started a little collection of tools, scripts, resources for recomposing online video materials (including things like videogrep, yt-dlp, moviepy, cc @aparrish's
tutorial on p5/video, etc): https://www.are.na/jonathan-gray/video-recomposition
would love any suggestions for further things to explore! 🧶
#scrapism #video #remix #youtube #creativecoding #newmediaart #mediastudies #commodon #criticaltechnicalpractice #livecoding #p5 #moviepy #youtubedl #ytdlp #python
Looking to follow some #generativeart accounts! HMU! :levburlike: