#creativecodeart — Public Fediverse posts

Some LibreLogo from a few years ago: a modified Pythagorean tree with rainbow colours.

#CreativeCoding #pattern #fractal #Logo #LibreLogo #LibreOffice #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #2D #GraphicDesign

@scruss The PICTURE command can group objects, and also output SVG animations. Although I’ve made a screen recording here as animated SVGs aren’t accepted

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
SLEEP 20
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CLEARSCREEN
HIDETURTLE
PENUP HOME RIGHT 90 BACK 100 LEFT 90 BACK 100 PENDOWN
; PICTURE "≈" [
; SIERP 10 2
; ]

PICTURE “Sierpinski004.svg” [

repeat 1 [
SIERP 10 4
SLEEP 2000 ]

#animation #SVG #loop #2d #CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #GraphicDesign

@scruss The PICTURE command can group objects, and also output SVG animations. Although I’ve made a screen recording here as animated SVGs aren’t accepted

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
SLEEP 20
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CLEARSCREEN
HIDETURTLE
PENUP HOME RIGHT 90 BACK 100 LEFT 90 BACK 100 PENDOWN
; PICTURE "≈" [
; SIERP 10 2
; ]

PICTURE “Sierpinski004.svg” [

repeat 1 [
SIERP 10 4
SLEEP 2000 ]

#animation #SVG #loop #2d #CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #GraphicDesign

@scruss The PICTURE command can group objects, and also output SVG animations. Although I’ve made a screen recording here as animated SVGs aren’t accepted

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
SLEEP 20
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CLEARSCREEN
HIDETURTLE
PENUP HOME RIGHT 90 BACK 100 LEFT 90 BACK 100 PENDOWN
; PICTURE "≈" [
; SIERP 10 2
; ]

PICTURE “Sierpinski004.svg” [

repeat 1 [
SIERP 10 4
SLEEP 2000 ]

#animation #SVG #loop #2d #CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #GraphicDesign

@scruss The PICTURE command can group objects, and also output SVG animations. Although I’ve made a screen recording here as animated SVGs aren’t accepted

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
SLEEP 20
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CLEARSCREEN
HIDETURTLE
PENUP HOME RIGHT 90 BACK 100 LEFT 90 BACK 100 PENDOWN
; PICTURE "≈" [
; SIERP 10 2
; ]

PICTURE “Sierpinski004.svg” [

repeat 1 [
SIERP 10 4
SLEEP 2000 ]

#animation #SVG #loop #2d #CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #GraphicDesign

@scruss The PICTURE command can group objects, and also output SVG animations. Although I’ve made a screen recording here as animated SVGs aren’t accepted

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
SLEEP 20
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CLEARSCREEN
HIDETURTLE
PENUP HOME RIGHT 90 BACK 100 LEFT 90 BACK 100 PENDOWN
; PICTURE "≈" [
; SIERP 10 2
; ]

PICTURE “Sierpinski004.svg” [

repeat 1 [
SIERP 10 4
SLEEP 2000 ]

#animation #SVG #loop #2d #CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #GraphicDesign

@scruss Nice, this version has a few changes to fill the shapes with PENDOWN and PENUP to avoid draw extraneous lines.

TO hx :size
REPEAT 6 [
tri :size FORWARD :size LEFT 60 CLOSE FILL
]
END

TO PT :size
FORWARD :size
RIGHT 150
FORWARD :size
LEFT 30
END

TO superhex :size
REPEAT 6 [
FILLCOLOR "gray" FILLTRANSPARENCY 50 hx :size PU PT :size FORWARD :size LEFT 60 PD
]
END

TO tri :size
REPEAT 3 [
PT :size
]
END

HOME CLEARSCREEN HIDETURTLE
superhex 50

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #tiling #GraphicDesign

@scruss Nice, this version has a few changes to fill the shapes with PENDOWN and PENUP to avoid draw extraneous lines.

TO hx :size
REPEAT 6 [
tri :size FORWARD :size LEFT 60 CLOSE FILL
]
END

TO PT :size
FORWARD :size
RIGHT 150
FORWARD :size
LEFT 30
END

TO superhex :size
REPEAT 6 [
FILLCOLOR "gray" FILLTRANSPARENCY 50 hx :size PU PT :size FORWARD :size LEFT 60 PD
]
END

TO tri :size
REPEAT 3 [
PT :size
]
END

HOME CLEARSCREEN HIDETURTLE
superhex 50

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #tiling #GraphicDesign

@scruss Nice, this version has a few changes to fill the shapes with PENDOWN and PENUP to avoid draw extraneous lines.

TO hx :size
REPEAT 6 [
tri :size FORWARD :size LEFT 60 CLOSE FILL
]
END

TO PT :size
FORWARD :size
RIGHT 150
FORWARD :size
LEFT 30
END

TO superhex :size
REPEAT 6 [
FILLCOLOR "gray" FILLTRANSPARENCY 50 hx :size PU PT :size FORWARD :size LEFT 60 PD
]
END

TO tri :size
REPEAT 3 [
PT :size
]
END

HOME CLEARSCREEN HIDETURTLE
superhex 50

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #tiling #GraphicDesign

@scruss Nice, this version has a few changes to fill the shapes with PENDOWN and PENUP to avoid draw extraneous lines.

TO hx :size
REPEAT 6 [
tri :size FORWARD :size LEFT 60 CLOSE FILL
]
END

TO PT :size
FORWARD :size
RIGHT 150
FORWARD :size
LEFT 30
END

TO superhex :size
REPEAT 6 [
FILLCOLOR "gray" FILLTRANSPARENCY 50 hx :size PU PT :size FORWARD :size LEFT 60 PD
]
END

TO tri :size
REPEAT 3 [
PT :size
]
END

HOME CLEARSCREEN HIDETURTLE
superhex 50

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #tiling #GraphicDesign

@scruss Nice, this version has a few changes to fill the shapes with PENDOWN and PENUP to avoid draw extraneous lines.

TO hx :size
REPEAT 6 [
tri :size FORWARD :size LEFT 60 CLOSE FILL
]
END

TO PT :size
FORWARD :size
RIGHT 150
FORWARD :size
LEFT 30
END

TO superhex :size
REPEAT 6 [
FILLCOLOR "gray" FILLTRANSPARENCY 50 hx :size PU PT :size FORWARD :size LEFT 60 PD
]
END

TO tri :size
REPEAT 3 [
PT :size
]
END

HOME CLEARSCREEN HIDETURTLE
superhex 50

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #geometry #CreativeCode #procedural #CreativeCodeArt #design #tiling #GraphicDesign

@scruss Thanks. Here’s the Sierpinski program adapted to run LibreOffice using the built-in LibreLogo environment https://help.libreoffice.org/latest/en-US/text/swriter/librelogo/LibreLogo.html

One of LibreLogo’s advantages is that the output is vector graphics that can be edited (but rasterised here for convenience).

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CS
HT
PU HOME RT 90 BK 100 LT 90 BK 100 PD
SIERP 10 4
FILL

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #LibreOffice #LibreLogo #geometry #CreativeCode #procedural #CreativeCodeArt

@scruss Thanks. Here’s the Sierpinski program adapted to run LibreOffice using the built-in LibreLogo environment https://help.libreoffice.org/latest/en-US/text/swriter/librelogo/LibreLogo.html

One of LibreLogo’s advantages is that the output is vector graphics that can be edited (but rasterised here for convenience).

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CS
HT
PU HOME RT 90 BK 100 LT 90 BK 100 PD
SIERP 10 4
FILL

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #LibreOffice #LibreLogo #geometry #CreativeCode #procedural #CreativeCodeArt

@scruss Thanks. Here’s the Sierpinski program adapted to run LibreOffice using the built-in LibreLogo environment https://help.libreoffice.org/latest/en-US/text/swriter/librelogo/LibreLogo.html

One of LibreLogo’s advantages is that the output is vector graphics that can be edited (but rasterised here for convenience).

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CS
HT
PU HOME RT 90 BK 100 LT 90 BK 100 PD
SIERP 10 4
FILL

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #LibreOffice #LibreLogo #geometry #CreativeCode #procedural #CreativeCodeArt

@scruss Thanks. Here’s the Sierpinski program adapted to run LibreOffice using the built-in LibreLogo environment https://help.libreoffice.org/latest/en-US/text/swriter/librelogo/LibreLogo.html

One of LibreLogo’s advantages is that the output is vector graphics that can be edited (but rasterised here for convenience).

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CS
HT
PU HOME RT 90 BK 100 LT 90 BK 100 PD
SIERP 10 4
FILL

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #LibreOffice #LibreLogo #geometry #CreativeCode #procedural #CreativeCodeArt

@scruss Thanks. Here’s the Sierpinski program adapted to run LibreOffice using the built-in LibreLogo environment https://help.libreoffice.org/latest/en-US/text/swriter/librelogo/LibreLogo.html

One of LibreLogo’s advantages is that the output is vector graphics that can be edited (but rasterised here for convenience).

TO CORNER :S
RIGHT 45 FORWARD :S RIGHT 45
END

TO ONESIDE :S :DIAG :LEVEL
IF :LEVEL = 0 [ STOP ]
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
LEFT 90 FORWARD :S LEFT 90
ONESIDE :S :DIAG :LEVEL - 1
RIGHT 45 FORWARD :DIAG RIGHT 45
ONESIDE :S :DIAG :LEVEL - 1
END

TO SIERP :S :LEVEL
:DIAG = :S / 1.414
REPEAT 4 [ ONESIDE :S :DIAG :LEVEL CORNER :DIAG ]
END

CS
HT
PU HOME RT 90 BK 100 LT 90 BK 100 PD
SIERP 10 4
FILL

#CreativeCoding #pattern #Sierpinski #fractal #Logo #TurtleGraphics #LibreOffice #LibreLogo #geometry #CreativeCode #procedural #CreativeCodeArt

An animation of blue and lilac squares made with Geogebra

#geometry #loop #square #star #IslamicPattern #pattern #CreativeCode #procedural #creativeCodeArt #geogebra #animation #design #MathArt #ArtistOnMastodon #ArtistsOnMastodon #graphic #design #artwork #art #artist #arts #arte #designer #GraphicDesign #MastoArt #FediArt #CreativeToots #MathArt #MathsArt

Jitterbug, one of my best-known origami creations.

Geogebra file: https://www.geogebra.org/m/wsxthyaz
Origami instructions: http://foldworks.net/wp-content/uploads/2018/06/jitterbug.pdf

I first came across Buckminster Fuller’s Jitterbug in Amy C. Edmondson’s A Fuller Explanation (1987).

As I didn’t have dowels and four-way rubber connectors, I made several cuboctahedra that worked as Jitterbugs but were not very reversible. Some were from paper and others from drinking straws and elastic thread. This modular origami version is the most recent version.

#geometry #loop #CreativeCode #procedural #creativeCodeArt #geogebra #animation #origami #ModularOrigami #craft #design #PaperCraft #MathArt #ArtistOnMastodon #ArtistsOnMastodon #graphic #design #artwork #3D #art #artist #arts #arte #designer #GraphicDesign #MastoArt #FediArt #CreativeToots #MathArt #MathsArt

An experiment using rectangles and circles in #Nodebox 1
#geometry #CreativeCode #procedural #MathArt #CreativeCodeArt #NodeBox #ShoeBot

Subdivision made in #NodeBox 1 inspired by Sol LeWitt
#geometry #loop #creativecode #procedural #MathArt #creativecodeart #genuary #NodeBox #shoebot

Week 3 with @Ableton and @TouchDesigner: Effects. I wanted something really drone-y and rumbly, that I could visualize as vibrations. For the visuals I experimented with instancing and shading. I also just can't stop playing with noise—so satisfying.

Very happy with how this track turned out.

https://vimeo.com/benjaminbojko/conceptronica-week-03

#creativecode #creativecodeart #touchdesigner #ableton #particlesystem #generativeart #creativecoding

How it work.

Every X frames, take the current image copy it to two other temporary graphic (for the left and right side).
Then draw pick a random point and angle.
On the left image erase everything right of that line. Do the opposite for the right image.
Pick a new color.
Everyframe, erase everything on the current frame, draw the back on with the new color then draw the left and right image on top, offseting their position by the cross product of the angle of the line.
#creativecode #creativecodeart #procgen #procedural #processing #p5js #p5 #creat

I've made a monster...
#creativecode #creativecodeart #procgen #procedural #processing #p5js #p5 #creat #creativecode #creativecodeart #procgen #procedural #processing #p5js #p5 #creat

#ComputerArt · #CodeArt · #NewMediaArt · #DigitalArt · #GenerativeGraphics · #Generative · #GenerativeArt · #GenerativeDesign · #CreativeCodeArt · #GenArtClub · #Code · #CreativeCoding · #Abstact · #AbstactArt · #Lines

#ComputerArt · #CodeArt · #NewMediaArt · #DigitalArt · #GenerativeGraphics · #Generative · #GenerativeArt · #GenerativeDesign · #CreativeCodeArt · #GenArtClub · #Code · #CreativeCoding · #Abstact · #AbstactArt · #Lines

💥 noko is a value-driven computational design studio based in amsterdam. projects start with the idea – outputs span from brand, to research, to frontend.

the design & tech industry is mostly completely ignorant of its impact on language and culture, and has been for too long. noko is a response to this.

—

#creativeCoding #creativeCodeArt #graphicDesign #digitalDesign #computationalDesign #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #javascript

[interlude]: NOKO Digital Versatile Design💥

—

#creativeCoding #creativeCodeArt #graphicDesign #digitalDesign #computationalDesign #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #javascript

[interlude]

—

#creativeCoding #creativeCodeArt #graphicDesign #digitalDesign #computationalDesign #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #javascript

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

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

✷ FORMA
↝ curated graphic feed

Once again letting Forma be the guinea pig for some application experiments – this time using a pen plotter and textile markers to test out some ideas on an old t-shirt 🌞

—

#graphicDesign #digitalDesign #computationalDesign #creativeCoding #creativeCodeArt #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #penPlotter #plotterArt #tshirt #tshirtDesign

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 100%
▓░░░░░░░░░░░░░░ 8%

Genuary was a blast. Thanks so much for everyone checking out my work and constantly coming back for each prompt, for sharing and commenting. To reflect the past month I've collected several learnings (also still present from my turn on #codevember2019)

1/7

#genuary #genuary2023 #genartclub #creativecoding #creativecodeart #daily #visual #design #GenerativeArt #generative

✷ FORMA
↝ curated graphic feed

Testing text stretching methods for a poster, using Forma's identity and a custom little tool built in native canvas (JS).

—

#graphicDesign #digitalDesign #computationalDesign #creativeCoding #creativeCodeArt #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #poster #posterDesign

✷ FORMA
↝ curated graphic feed

Playing around with loading the (so far) ~180 posts from the 'feed' channel into a poster/zine format, using a little tool built with native canvas (JS).

—

#graphicDesign #digitalDesign #computationalDesign #creativeCoding #creativeCodeArt #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign #poster #posterDesign

Definitely not a grid... Genuary #18

some nice stills with different variations

#genuary #genuary2023 #genuary18 #reactiondiffusion #digitalart #newmediaart #creativecodeart #nature #rendering #blue #white #simulation #creativecode #generativeart #generative #genartclub #codeart #creativecodeart #proceduralart #processing #generativedesign #algorithmicart #artxcode #abstractart #reaction #diffusion

Definitely not a grid... Genuary #18

Reaction Diffusion system in #webgl #threejs

#genuary #genuary2023 #genuary18 #reactiondiffusion #digitalart #newmediaart #creativecodeart #nature #rendering #blue #white #simulation #creativecode #generativeart #generative #genartclub #codeart #creativecodeart #proceduralart #processing #generativedesign #algorithmicart #artxcode #abstractart #reaction #diffusion

✷ FORMA
↝ curated graphic feed
↝ forma.directory
↝ @forma

—

#graphicDesign #digitalDesign #computationalDesign #creativeCoding #creativeCodeArt #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign

✷ FORMA
↝ curated graphic feed
↝ forma.directory
↝ @forma

—

#graphicDesign #digitalDesign #computationalDesign #creativeCoding #creativeCodeArt #graphicDesigner #graphicArt #computational #identityDesign #digitaldesign

#genuary3 glitch art - re-using experiments from 2020, which worked for #genuary2022 already (prompt 18 - VHS)

https://genuary.art/

#genuary2023 #genuary #genartclub #generative #generativeartcode #generativeart #creativecoding #creativecodeart #mathsart #geometricart #processing #p5js #abstractart #art #contemporaryart #computerart #artsandtechnology #genart #algorithmicart #lineart #glitch #CreativeCoding #GenArt

#genuary1 Perfect loop / Infinite loop / endless GIFs

looping stars on a hex grid

https://genuary.art/

#genuary2023 #genuary #genartclub #generative #generativeartcode #generativeart #creativecoding #creativecodeart #mathsart #geometricart #processing #p5js #abstractart #art #contemporaryart #computerart #artsandtechnology #genart #algorithmicart #hexagon

[merry]
.
#CreativeToots #MastoArt #processing #p5js #xmas #proceduralanimation #animation #generativeanimation #monochromeart #monochrome #creativecodeart #creativecoding #codeart #algoritmicart #generativeart

[tiny]glider
.
#CreativeToots #3d #webgl #processing #proceduralanimation #p5js #animation #generativeanimation #monochromeart #monochrome #creativecodeart #creativecoding #codeart #algoritmicart #generativeart

Frame spiral

200 transparent rectangles of various colors

#dailycoding #generativeanimation #creativecodeart #algoritmicart

[trails]
.
#CreativeToots #3d #webgl #processing #proceduralanimation #p5js #animation #generativeanimation #monochromeart #monochrome #creativecodeart #creativecoding #codeart #algoritmicart #generativeart

Neon fireflies

#dailycoding #p5js #CreativeToots #webgl #proceduralanimation #animation #generativeanimation #creativecodeart #creativecoding #codeart #algoritmicart #generativeart #genartclub

Gradient serpentine lines

#dailycoding #p5js #CreativeToots #webgl #proceduralanimation #animation #generativeanimation #creativecodeart #creativecoding #codeart #algoritmicart #generativeart #genartclub

Spiral serpentine spheres

#dailycoding #p5js #CreativeToots #webgl #proceduralanimation #animation #generativeanimation #creativecodeart #creativecoding #codeart #algoritmicart #generativeart #genartclub

Gradient bubble waves

#p5js #CreativeToots #webgl #proceduralanimation #animation #generativeanimation #creativecodeart #creativecoding #codeart #algoritmicart #generativeart #genartclub

[ring]loupe
.
#CreativeToots #processing #proceduralanimation #p5js #animation #generativeanimation #monochromeart #monochrome #creativecodeart #creativecoding #codeart #algoritmicart #generativeart

[order in chaos]
.
#CreativeToots #processing #proceduralanimation #p5js #animation #generativeanimation #monochromeart #monochrome #creativecodeart #creativecoding #codeart #algoritmicart #generativeart