Masthash

#p5js

Karthik Dondeti
2 hours ago

Algorithmically generated landscape.
#algoscape #p5js #blender #generative

Algorithmically generated landscape using p5js and blender.
thresfold
9 hours ago

#plotinprogress
A postcard is born. 2 hours compressed into 20 seconds.

I will mint this postcard tomorrow.

#generativeart #creativecoding #1of1 #plottertoot #penplotter #axidraw #p5js

Metamere
1 day ago

I think a better name for my #generativeart WIP than Windswept Grid would be Windswept Infinity. I experimented with adding circles to anchor things a bit when there is more motion. I was able to refine several elements, and it's producing some really cool textures at times. Since I'm still having trouble uploading video, here are some more stills, two each from two different runs. It's fun to find great moments within the infinite possibilities.

#genartclub #p5js

Sohan Murthy
1 day ago

“Dependency Tree 04”

Metallic gel ink on black cotton paper, 20 x 30 in.

#generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub #mastoart #moire #worksonpaper

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various metallic colored inks swirl together to produce fish-like forms on black paper.
thresfold
1 day ago

Big letters 🔡
21x28 cm, 3 colors 🤖🟠🔴🔵

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

3 color plotter drawing
postmodern
2 days ago

What are people's favorite JavaScript library for drawing dynamic network node graphs? Cytoscape? D3? paper.js? p5.js? Or something else (comment below)?
#javascript #visualization #cytoscape #d3 #paperjs #p5js

thresfold
2 days ago

#plotinprogress
Back to plotting with letters, third color 🤖🖋️🔵

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Metamere
3 days ago

The video upload isn't working for some reason, so here are some stills captured from my phone of my new #p5js #GenerativeArt project. The animated aspect is a main focus as it's really fun to watch things slowly shift and evolve, but it's also fun to find great moments out of the endless possibilities. This project is about the fundamentals of making complex and varied behavior with simple building blocks and rules, and lots of randomized parameters.

mandybrigwell
3 days ago
Calyxia288904
thresfold
3 days ago

Finally done after 20 hours of plotting 👀
26x35 cm, 4 colors 🟠🔴🔵🟣

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Metamere
4 days ago

I've been working on a new #GenerativeArt system in #p5js over the last five days, which is coming along nicely. It involves simple shapes which are layered over time, sweeping like wind across the frame, with vivid colors, responsive design, and some interactivity. My tentative name for the project is "Windswept Grid". This image just struck me as one of the most vibrant, intense, yet somehow still pleasing images I've ever made. I'll upload a video demo and more output examples tomorrow.

A grid of equilateral triangles filling a 16:9 display, with some being scaled larger and overlapping, creating blended colors. The central area has things scaled down a bit so there are hexagonal shapes that emerge there.
Sohan Murthy
4 days ago

“Dependency Tree 03”

Metallic gel ink on black cotton paper, 20 x 30 in.

#generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub #mastoart #moire #worksonpaper

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various metallic colored inks swirl together to produce fish-like forms on black paper.
thresfold
4 days ago

#plotinprogress
Fourth and final color, around 18 hours in🤖🖋️🟠🔴🔵🟣

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

barning
5 days ago

Als UX-Designer mit Kenntnissen in JavaScript habe ich mir als Nebenprojekt vorgenommen, ein Spiel mithilfe eines vortrainierten Machine-Learning-Models zu erstellen. Das Ergebnis ist das Spiel "THIS IS PERSON", bei dem die Spieler:innen jeden Tag ein anderes Objekt vor die Kamera halten müssen.

https://niklasbarning.de/2023/03/24/this-is-person/

#p5js #ml5js #ml #ai #gamedev

Antonio Werli
5 days ago

Hands.
A detail of one of the "ombromanie" outputs.
100% articulated and generated by code (#p5js).
One of the things I am most proud this year so far.
🫴🫲

"Ombromanie" is still available for mint on fxhash until end of month (then I'll burn the unminted). Please request reserve spot in comment if you want (unlimited) access to it until then.

#fxhash #GenArt #genartclub #CreativeCoding #GenerativeArt

https://www.fxhash.xyz/marketplace/generative/25227

thresfold
5 days ago

#plotinprogress
Third color, around 14 hours in🤖🖋️🟠🔴🔵

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Antonio Werli
6 days ago

Another output from a current work in progress.
Seeking for shapes and textures.

#genart #p5js #CreativeCoding #GenerativeArt #genartclub

thresfold
6 days ago
sqrtofpi
1 week ago
Jake
1 week ago

points on a grid #p5js #generativeart

A grid, which is straight on one side and bendy on the other
barning
1 week ago

Last week, I had an idea: instead of people commanding an #ai it could be the other way around.

So I created “THIS IS PERSON,” a fun game using a pre-trained #ML model.
The game demands a different object from the players every day, which they have to hold up to the camera.
Play the game, share it with friends, and beat their high score!

https://thisisperson.com/

#MachineLearning #GameDevelopment #p5js #ux

thresfold
1 week ago

#plotinprogress
Started a bigger drawing. Plotting the first color🤖🖋️🟠

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Metamere
1 week ago

To that end, last week I made a sketch for Pi day, as well as a recreation of an abstract artwork by Eusebio Sempere, a 20th century Spanish artist whose work I was introduced to by Anna Carreras. It came together fairly quickly, and though I ran into an obstacle, I knew it should be surmountable, and with the help of @davepagurek on the Birb's nest Discord group, I figured it out. With my confidence restored, I got back to work on bigger things.

https://openprocessing.org/sketch/1870667

#p5js #CreativeCoding

A recreation in p5.js of a screenprint by Eusebio Sempere, titled Se14, from 1974. An abstract artwork. See the next image for a full description. In this version, the center shape is fully elliptical, rather than it being approximated with arcs and straight lines.
Original Screenprint by Eusebio Sempere
titled Se14, from 1974. An abstract artwork depicting a single large form centered in the frame, on a gray background that has a slight hue shift from bottom to top. The large form is constucted using circular arcs and straight lines to approximate an ellipse. The shape is covered in thin lines reminiscent of venetian blinds, with the angle shifting from horizontal to maybe thirty degrees near the top. The lines alternate between a background tone that is slightly more saturated red compared to the background outside the shape. the shape is divided into four quadrants, divided by the center horizontally, and with a rotationally symmetric vertical division that includes a circular indent from the right to left on top half, and left to right on the bottom. the outer portion of the vertical division angles slightly as well. The upper left and lower right quadrant's lines are green shifting slightly blue towards the top and bottom of the shape, and the upper right and lower left quadrant's lines are yellow at the horizontal centerline, shifting to orange-red at the top and bottom of the shape, with a discontinuous gradient (i.e. bands of similar colored lines).
Guido Schmidt
1 week ago

Modulo - in programming usually represented by % - returns the remainder of a division and kind of works like a clock, only that you can freely define the range of repetition. In three dimensions every axes can represent another modulo controlled pattern approach which leads to all kind interleaving patterns.

+ bonus added some vcvrack #synth sounds

#generative #genartclub #CreativeCoding #processing #p5js #threejs #webgl #design #dataviz #vcvrack

Ian Cairncross
1 week ago

The Gravitational Strings. The #p5js code for the two animations within was generated by #bingchat

thresfold
1 week ago

The most recent finished plot from the clp series.
4 colors, ~8 hours 🤖

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Aaron Reuland
1 week ago

Continuing to learn shaders.
Here's "A Nearly Perfect Blue".

A #shader with just a touch of #p5js thrown in, inspired by Portuguese tile work ( #azulejos ) for the #wccChallenge .

code/fullscreen viewing at : https://openprocessing.org/sketch/1870791

#glsl #creativeCoding #pattern

Blue and white tiling pattern, animated blue burning-looking ellipse in middle of each tile. Overlapping thin circle. breaking up tiles.
Sohan Murthy
1 week ago

“Dependency Tree 02”

Metallic gel ink on black cotton paper, 20 x 30 in.

#generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub #mastoart #moire #worksonpaper

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various metallic colored inks swirl together to produce fish-like forms on black paper.
thresfold
1 week ago

#plotinprogress
Plotting the fourth and final color🤖🖋️🟠🔴🔵🟣

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Trash Robot
1 week ago

this stuff is all working now! the "trashotron optical neuron" senses pixels being black or white in the screen and controls 2 stepper motors and a solenoid. if the steppers move pulleys which control the motion of a little box with a spray paint can in it and the solenoid drives the button on the top of the can, you've got an extension of the web browser onto the side of a dumpster. Pixels are flashed using the #p5js #javaScript library and #geometron. Geometron is a purely geometric programming language which is used to program this robot. The whole system to pick up signals and control the robot is analog, no digital. ALL robot control is inside the web browser. This is how we make the whole robot system from trash: stepper motors and controllers come from broken 3d and 2d printers. pulleys are made from cardboard and wood trash. op amps are scavenged from parts bins, circuit boards are made of cereal boxes, solenoids are from automotive parts, power is on battery packs from the trash charged with DC brushed motors from 2d printers from the trash. Spray paint cans are donated from artists who use the system to make art on trash on the side of a dumpster for free distribution. This is the extension of HTML into dumpsters and large flat trash.

Sohan Murthy
1 week ago

“Dependency Tree 01”

Metallic gel ink on black cotton paper, 20 x 30 in.

#generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub #mastoart #moire #worksonpaper

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various metallic colored inks swirl together to produce fish-like forms on black paper.
thresfold
1 week ago

I made a basic gallery with all my recent plots 🙂

🔗
https://thresplot.carrd.co

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

thresfold
1 week ago

Plotting the third color🤖🖋️🟠🔴🔵

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

mandybrigwell
2 weeks ago

A bit of a glow between these aerials in this zoomed-in #wip. Zooming in is easy-peasy now, thanks to #p5js having a lovely mousewheel function. Great stuff.

Metamere
2 weeks ago

I made a quick sketch for Pi Day (3-14), and it ended up working well as a parameter space to explore. The x axis controls the number of divisions of the circle, and the y axis changes the noise scaling factor. It works really well on mobile. It's animated and pleasing to watch, but here are a few stills to give you an idea of what some configurations are like. Try it out here: https://openprocessing.org/sketch/1867125

#p5js #interactive #CreativeCoding

thresfold
2 weeks ago

Plotting the second color🤖🖋️🟠🔴

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

First hurdle taken: Learned about Gear Ratios and how to align gears with arbitrary numbers of teeth. Progress!

#CreativeCoding #WIP #p5js

An animation of 5 horizontal gear trains with random gears sizes interlocking and turning. Above each gear the number of teeth is displayed. Handdrawn style. Black "ink" on white.
thresfold
2 weeks ago

Starting a new project. :)

#CreativeCoding #WIP #p5js

A incomplete grid of handdrawn looking cogwheels turning and interlocking.
Richard Boeser
2 weeks ago

Earlier this year I made an entry for Genuary's signed distance functions prompt. Now developing it a bit further to see if I can make a small print series out of it.

Starting out black and white to explore the possible structures.

#generativeart #p5js #sdf

Generative art. 110.000 black lines on a white background. Direction and length are controlled by two separate functions. Resulting in circular patterns looking rather hairy.
Generative art. 110.000 black lines on a white background. Direction and length are controlled by two separate functions. Resulting in circular patterns looking rather hairy.
Generative art. 110.000 black lines on a white background. Direction and length are controlled by two separate functions. Resulting in circular patterns looking rather hairy.
Generative art. 110.000 black lines on a white background. Direction and length are controlled by two separate functions. Resulting in circular patterns looking rather hairy.
Guido Schmidt
2 weeks ago
thresfold
2 weeks ago

The most recent plot from the clp series.
4 colors, 8 hours 🙂

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

thresfold
2 weeks ago

Plotting the fourth (final) color🤖🖋️🟠🔴🔵🟣
I'll post a photo of the finished drawing in an hour or so 🙂

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Guido Schmidt
2 weeks ago
thresfold
2 weeks ago
Richard Boeser
2 weeks ago

Fresh Wisteria prints. Two for others, two for me : )

#GenerativeArt #ArtPrints #p5js

Four generative art prints on white desks.
Sohan Murthy
2 weeks ago

Working on a new series! Here’s a preview of the first iteration. I’m still not 100% satisfied with my process and some tiny defects here and there, but I’m excited to see where this goes! Back to the lab…

🧬🔬🧪

#mastoart #generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various colored metallic inks swirl together to form abstract, fish-like shapes on black paper.
thresfold
2 weeks ago
Jörg Kantel
2 weeks ago

Happy Pi-Day: Der Wert von Pi und das Buffonsche Nadelproblem

Ich hatte schon fast befürchtet, den heutigen Pi-Tag ohne das traditionelle Coding Train Video begehen zu müssen, in dem uns anläßlich dieses Feiertages gezeigt wird, wie man die Kreiszahl Pi in einem Programm näherungsweise und auf möglichst überraschende Art bestimmen kann. https://kantel.github.io/posts/2023031402_pi_daybuffon/ #PiDay #P5js #CreativeCoding

Aaron Reuland
2 weeks ago

Been working hard the last few weeks struggling to make shaders with GLSL. Finally have something worthwhile to show for it.
"Big Sky / little World"

coded in #GLSL and #p5js for the #WccChallenge on the topic of "Big Sky'.

Code at : https://openprocessing.org/sketch/1864379

#shaders #creativeCoding

Folk arty  trees growing along bottom of frame. Mostly blue cloudy sky (whispily drifting with pinkish tinge on dark horizon). Coded art.
alex yuletide
3 weeks ago

A generative city built from current and historical weather data in #p5js

Creative coding project of the week at @recursecenter with Sam, Hannah, Sara and team

https://editor.p5js.org/htorrence/sketches/mS9x5ForH

sqrtofpi
3 weeks ago

Working on the composition
#generativeart #p5js #creativecoding

Painted shapes dependent on the "alive score" of the underlying CA layers.

#CreativeCoding #p5js #GenerativeArt

A grid of painted circles, rectangular strokes, lines and brush swabs in white, beige, ornage and dark grey on a black background.
A finer grid of painted circles, rectangular strokes, lines and brush swabs in back and white on a white background.
Aaron Reuland
3 weeks ago

I have no idea what possessed me to painstakingly hand-code, vertex by vertex, a self-portrait. But I did.

code & animated generation at : https://openprocessing.org/sketch/1856619

#creativeCoding #p5js #wccChallenge #selfportrait #weirdWayofMakingaSelfie

self portrait of the artist's face and shoulders staring out  at viewer. Black, red and green offset lines.
self portrait of the artist's face and shoulders staring out  at viewer. green, orange and black offset lines.
self portrait of the artist's face and shoulders staring out  at viewer.orange, yelllow and green offset lines.
self portrait of the artist's face and shoulders staring out  at viewer. Torquise, green and, red offset lines.
Pedro J. Hdez
3 weeks ago

#p5js en #Bingchat

Esto es interesante. Bing chat comete exactamente el mismo error de interpretación que mi alumnado cuando les pido un código en p5.js que dibuje una matriz de 5 x 5 círculos de diámetro 50 píxeles cada uno relleno de un color aleatorio.

El código sencillo es dejar que el color de cada círculo cambie en cada iteración. Y por eso utiliza la interpretación más sencilla del texto... como mi alumnado. Porque es lo conveniente. (1/3)

Aquí tienes un código que puedes usar para crear una matriz de 5 x 5 círculos con diámetro de 50 píxeles y relleno de un color aleatorio en p5.js:

function setup() {
  createCanvas(300, 300);
}

function draw() {
  background(220);
  
  for (let i = 0; i < 5; i++) {
    for (let j = 0; j < 5; j++) {
      fill(random(255), random(255), random(255));
      circle(i * 60 + 30, j * 60 +30,50);
    }
  }
}
Richard Boeser
3 weeks ago

Working on 'Zug'. These are 12 consecutive outputs. Feels like I am getting close to its final state.

#p5js #GenerativeArt

12 generated images that resemble at train passing by.
Guido Schmidt
3 weeks ago
Jörg Kantel
3 weeks ago

Der Code Guppy lehrt uns (und Euch) JavaScript mit P5.js

Ich hatte ja schon lange keine Video-Tutorials mehr (mir war einfach nichts Interessantes in meinen Feedreader gespült worden), aber heute kam mir der CodeGuppy unter. Der betreibt den Kanal »Coding Adventures und dieser besteht ausschließlich aus Video-Tutorials zu JavaScript im Allgemeinen und der JavaScript-Processing-Variante P5.js im Besonderen, die er in drei Playlists zusammengefaßt hat https://kantel.github.io/posts/2023030701_code_guppy/ #P5js #CreativeCoding

Benedikt Groß
3 weeks ago

On the same line of thinking … Nice related #p5js × #GPT experiment by @ianbicking https://hachyderm.io/@ianbicking/109979450477662985

Benedikt Groß
3 weeks ago

Using ChatGPT and the prompt "Write a p5js sketch that draws the following: " to implement Sol LeWitt’s Wall Drawings – by Amy Goodchild.

Good reminder of the journey to come in code based classes in design education.

https://www.amygoodchild.com/blog/chatgpt-sol-lewitt-wall-drawings

#p5js #designeducation #generativedesign

sqrtofpi
3 weeks ago

More fabric, more folding

#generativeart #p5js

Fractal Kitty
3 weeks ago

#wccchallenge #sparkles #mathart #p5js #creativecoding #generativeart

p5js creative code - the hidden path we trace

Commented code, press key to show path, click to change.

https://codepen.io/fractalkitty/full/poOwEdz

Time again for a new #introduction !
This'll be a lot like the one I had on mastodon.lol and backed up here.

I'm a #ADHD #trans #lesbian who loves her wife and hates capitalism. I frequently flip around the following hobbies:

- #TTRPG s, like #ICRPG and #DnD (running and playing, but mostly writing and pining),
- #programming casually, be it in #rust or #python or #p5js depending on how much I feel like debugging that week, (a ton no matter what)
- #tokiPona , mostly enough to say things at the TTRPG table in a language other than common,
- tropes and themes in #scifi and #fantasy , mostly to inform my #gamedesign hobby
- the history behind a lot of those topics. I frequently have what I call "pseudo-nostalgia": a nostalgia for a time I didn't live through.
- Thinking a lot about leftist theory! I'm not super well versed bc I can only get so angry at the world all at once, but I'm working on it!

also wow the 10k character limit here is just 😙🤌

Sohan Murthy
4 weeks ago

“Sequencing Issue #3”

Gel ink on mixed media paper, 24 x 36 in.

#generativeart #plotterart #abstractart #creativecoding #p5js #axidraw #genartclub #mastoart #moire #worksonpaper

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various colored inks swirl together to form a floral, jellyfish-like shape on white paper.
Kyle Geske
4 weeks ago

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.

#p5 #CreativeCoding #JavaScript

Animated gif of the FPS widget in actor in a demo where an increasing number of moving objects are added to the sketch.
Aaron Reuland
4 weeks ago

This sketch is getting somewhere interesting.

#p5js #creativeCoding #tentacles

tentacle like shapes in 8X8 grid swirling and waving. Tentacles nearer and moving in similar patterns. White, fading to bloak background. Coded art.
Trash Robot
1 month ago

another thing about #p5js and how it's useful for trash processing. I can use a motor which as it spins it whacks against a key on a keyboard to control the rate speed of keystrokes on a single key(say the spacebar), and that can be fed back into the rate of flashes on the screen using controls of the frame rate. So we can get analog real time control of robotic systems all in a web browser with trash-sourced electronics entirely thanks to how easy p5.js makes this process.

Trash Robot
1 month ago

#p5js is turning out to be THE key to the #trashduino. I'm not using an audio input now, but a USB keyboard connected to a trash laptop. a trash-built optical pickup panel sits on the screen detecting pixel flashes which control the motors from the trash which writes in the trash. Clock signal and slimezistor feedback signal are both now generated using op amps from the trash. If the robot can encode information on a surface which the audio probe can read out, that can encode geometron information, fully closing the loop! The way that p5js combines real time interaction, direct pixel control, and the web, which can then connect it with all the geometron i've written in javascript is what makes this all work. this is self-replicating media built entirely from trash.

sqrtofpi
1 month ago

Latest iteration of my generative fabric

#generative #p5js #CreativeCoding

Guido Schmidt
1 month ago

Taking my modulo patterns for a walk.

Changing patterns with randomized settings really yield a bunch of nice creations I wouldn't have come up with at first sight.

Sound snippet created with VCV Rack.

#mod #rack #modularsynth #vcvrack #electronicmusic #modular #computersound #creativecode #p5js #creativecoding #generativeart #processing #codeart

Veresk
1 month ago
@bajirudenwa@twitter.com:

'Vanishing' is on @fx_hash_

👉fxhash.xyz/generative/255…👈

🗓️ March, 2nd
⏲️ 14:30 UTC / 15:30 CET / 9:30 EDT
✅ 128 editions, 5 xtz
🤞 Retweet and reply #XTZ address to receive one of 5 AL spots

#tezos #tez #fxhash #generative #genart #p5js #oldpainting #CleanNFT #Abstract #rt

Guido Schmidt
1 month ago

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

alex yuletide
1 month ago

Creative coding project of the week: 🌊 🎁 🏓 Wave Pong

https://editor.p5js.org/yuletide/full/KkEqvPUsF

Click to add waves, drag to manipulate the waveforms. Press s to save a gif.

Feedback welcome!

#creativecoding #p5js #generative @recursecenter

Guido Schmidt
1 month ago

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

Jon Ippolito
1 month ago

Before February is out I wanted to share again this 5-min video with @khoeger on techniques for teaching code to a diverse group of students. Recommendations include online code editors, chat-style platforms, exit tickets, and combatting imposter syndrome.

https://www.still-water.net/presentations/21zoom_hoeger_ippolito_inclusive_coding_v3.mp4

#p5js #creativeCoding #generativeArt #EdTech #STEMEducation #learnToCode #Edutooters #DEI

HT @aparrish @golan

Image of Katarina Hoeger
thresfold
1 month ago

Yesterday's plot. Took a bit less than 7 hours, 3 colors as usual 🤖

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

3-color abstract plotter drawing
Aaron Reuland
1 month ago

Got some #penplotting in today.
Could have coded the Jellyfish into a specific composition but instead let my animated sketch run and write code to capture an SVG on click and pretended to be a nature photographer. 😜

#p5js #creativecoding #axisdraw

Silver ink on blue paper coded pen plot of jellyfish
Noisey diamond grid- bent jiffy lines look almost like flower petals
Kazu
1 month ago
thresfold
1 month ago
Guido Schmidt
1 month ago

Wrote a short guide explaining how to send data from iframe p5 sketches to a host webpage.

👉 https://guidoschmidt.cc/links/

Initially I stumbled upon this, when Maya Schormann asked me for advice while working on her generative tools for her bachelor thesis. Thanks again for asking, I learned a lot myself 🙏

#p5js #creativecoding #generativeart #processing #codeart #generative #digitalart #creativecodeart #algorithmicart #javascript #generativedesign #proceduralart #code #artxcode #abstract #design

thresfold
1 month ago

Today's plot. Experimented with an asemic-like hatching for this one, with very few pen lifts.

#generativeart #creativecoding #plottertoot #penplotter #axidraw #p5js

Guido Schmidt
1 month ago

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

Aaron Reuland
1 month ago

Not super into Valentine's day personally. Don't get me wrong, I love my wife dearly. Just prefer not to have it be only celebrated on one commercially-pressured day.
However, last year I accidentally made a very on-brand sketch just before v-day. And... I seem to have continued this tradition.
So, here's 'Duet'.

Looks better and never ending at: https://openprocessing.org/sketch/1832614

#creativeCoding #p5js #minimalism

Two loopy lined animatedly dancing near each other. Coded art
Sohan Murthy
2 months ago

“Structured Cynicism #2”

Gel ink on mixed media paper, 24 x 36 in.

“Structured Cynicism #2” is a generative painting created with a robotic pen plotter. The robot follows instructions produced by a generative algorithm that combines several subroutines to create flowing vortices of ribbon-like forms.

#mastoart #generativeart #genartclub #plotterart #p5js #creativecoding #moire

An abstract painting produced by a robotic pen plotter using a generative algorithm. Various colored inks swirl together to form ribbon-like shapes on white paper.
Rob 🤷‍♂️
2 months ago

Plane rides with no wifi are a good opportunity to actually focus on things.

This sketch is starting to look pretty good too I think.

#GenArt #GenerativeArt #CreativeCoding #p5js

Three colourful swirls arranged in a row. Each swirl is formed from a series of colours dragged in a chain across the canvas.
Two colourful swirls arranged in a column. Each swirl is formed from a series of colours dragged in a chain across the canvas.
Four colourful swirls arranged in a column. Each swirl is formed from a series of colours dragged in a chain across the canvas.
Fractal Kitty
2 months ago

very rough piano doodle + code:

I touched some keys before bed each night the last 3 days.

https://codepen.io/fractalkitty/full/bGjOZvj
(music isn't generative)

this link is better on mobile: https://openprocessing.org/sketch/1822808

#generativeart #creativecoding #piano #music #p5js #composition

coded image of line made of dots stretching from the top to bottom of the screen with small dots in motion creating arcs from the top to the left then center and then from the bottom left and center - all motion is transparent and faint on the dark canvas. some bokeh-type circles litter the scene.
Andy Wallace
2 months ago

//quick tunnel o' love
t=0
draw=_=>{s=18
p=t%1
u=t*1.57
createCanvas(w=400,w)
colorMode(HSB,3)
noFill()
for(i=0;i<s;i++){o=i/s+p/s
strokeWeight(36)
stroke(2+sin(o*-4+u)/2,2+sin(o*-8+u),3)
d=70-o*30
circle(200+sin(a=o*4+u)*d,200+cos(a)*d/2,700*o)}t+=.04}//#p5t #つぶやきProcessing

#tweetcart #p5js

carlyn
2 months ago

Alright! It's done 30 Days of Nature of Code inspired coding, know he's not really on here, but thank you @shiffman for such a feast of material!

Between Typescript and a custom python html generator I kinda went off track into infrastructure some days, but I still had a lot of fun

https://carlynorama.github.io/2023January-30DaysNatureOfCode/

#p5js, #30DaysOf #NatureOfCode, #TypeScript #CreativeCoding

9 squares embedded in a webpage, each with its own rules and colors and simple creatures that will never know they are in a square on a web page.
Rob 🤷‍♂️
2 months ago

#genuary2023
"Break something"

I think I could have spent all of #genuary just posting the various ways I broke what I was intending to make, and now I want to do it intentionally it's hard!

Anyhow, here's my SDF combined with a displacement function on the x axis.

#genuary31 #creativeCoding #generativeArt #p5js