#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

[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

[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

Unexpected pixelation on the edges with this one

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

Gradient rectangle spirals

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

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

Gradient tailspin

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

Serpentine rotation

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

Crystal gradient rotation

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

Pixel wave

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

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

Recursive Circles

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

Crystal Blue Rotation

Spinning, reflective diamonds in shades of blue, purple, and pink. I coded this today inspired by this Koma Tebe post: https://genart.social/@komatebe/109400867138745264

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

[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

✷ 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

✷ 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