clifff @clifff

4 posts4 participants0 posts today

**Saskia Freeke** @sasj@mastodon.social · 1d

Saskia Freeke @sasj@mastodon.social

Geometric Shapes / 250519
#p5js
#generative
#creativecoding

This image is an abstract generative artwork featuring a variety of geometric shapes and patterns. It includes a mix of colors such as purple, teal, and yellow. The composition is dynamic, with overlapping shapes creating a sense of depth and movement. The use of bold colors and sharp lines gives the artwork a modern and energetic feel.

**illestpreacha** @IllestPreacha@post.lurk.org · 1d *

1d *

illestpreacha @IllestPreacha@post.lurk.org

TwisterClicks & DontClickBackground

Coded #p5js

For the Game Jam, "TweetTweetJam 10": https://itch.io/jam/tweettweetjam-10, I coded two clicker games in P5js that followed the under 500 code character limit In both games.

The objective is to not click background, only the movingthe squares.

Links
DontClickBackGround: https://illestpreacha.itch.io/dontclickbackground

TwisterClicks: https://illestpreacha.itch.io/twister-clicks

GIF

#sizecoding #javascript #creativecoding

**Saskia Freeke** @sasj@mastodon.social · 1d

Saskia Freeke @sasj@mastodon.social

Geometric Shapes / 250518
#p5js
#generative
#creativecoding

This image is an abstract generative artwork featuring a variety of geometric shapes and patterns. It includes a mix of colors such as red, blue, and black. The composition is dynamic, with overlapping shapes creating a sense of depth and movement. The use of bold colors and sharp lines gives the artwork a modern and energetic feel.

**mcleem** @mcleem@mastodon.art · 5d

mcleem @mcleem@mastodon.art

250515
https://openprocessing.org/sketch/2648860
#Art #Animation #P5JS #Processing #generativeart #creativecoding

GIF

**Aaron Reuland** @AaronReuland@mstdn.social · May 12

May 12

Aaron Reuland @AaronReuland@mstdn.social

Nice to work with something entirely abstract.

Made with code, written by me.

Abstract art, swirls of soft colors painted in translucent rectangles. Dark lines sketching parts of rectangles which fade out towards the edges.

#creativeCoding #abstractArt #javascript

**Saskia Freeke** @sasj@mastodon.social · May 11

May 11

Saskia Freeke @sasj@mastodon.social

Geometric Shapes / 250511
#p5js
#generative
#creativecoding

This image is a geometric generative artwork featuring a grid of intersecting lines and shapes. The design includes horizontal and vertical stripes, nested circles, and intricate patterns in vibrant colors like yellow, green, and blue. The composition creates a sense of depth and movement, with a focus on symmetry and layering.

**Timo** @tmhglnd@toplap.org · May 7 *

May 7 *

Timo @tmhglnd@toplap.org

Sharing this little prototype of a tool i've been working on. It is basically a combination of a "DAW" with a code editor (with the timeline more like a Tracker, vertical).

You can put regions of code on the timeline and type different code per region. When the playhead reaches the block the code is "evaluated" (as-in, it is send over osc to some place where you want it to be interpreted). The main reason I created it was for making compositions out of previous live coded performances, where I kept logs of what I evaluated during the show.

It is a work in progress, but if you find this useful feel free to give it a go! I've mainly designed it for my language @mercury, but you can surely adapt it to other languages as well (or just ignore the syntax highlighting, haha). Created with node, js, p5 and codemirror.

A little video attached to demonstrate the idea.

https://github.com/tmhglnd/cue-code

#deadcoding #composition #daw

**Saskia Freeke** @sasj@mastodon.social · May 5

May 5

Saskia Freeke @sasj@mastodon.social

Geometric Shapes / 250505
#p5js
#generative
#creativecoding

This image is a vibrant, geometric generative artwork featuring a complex grid of intersecting lines and shapes. The composition is divided into multiple sections, each filled with intricate patterns such as diagonal lines, horizontal stripes, and crosshatching. The use of various colors, including blue, red, green, and purple, adds depth and contrast to the design. The overall effect is a dynamic and visually engaging piece that showcases the interplay of geometry and color.

**Saskia Freeke** @sasj@mastodon.social · May 2

May 2

Saskia Freeke @sasj@mastodon.social

Geometric Shapes / 250502
#p5js
#Generative
#Creativecoding

This image showcases a generative artwork composed of a grid of square tiles, each containing geometric shapes like triangles and squares. The design features a mix of vibrant colors, including shades of green, teal, purple, yellow, and dark blue, arranged in a repeating pattern. Some tiles include nested squares, while others display diagonal or triangular divisions, creating a dynamic and visually engaging composition. The overall effect is a harmonious blend of geometry and color, resulting in a modern and intricate design.

**Roni Kaufman** @ronikaufman@genart.social · May 2

May 2

Roni Kaufman @ronikaufman@genart.social

Recursive rectangle packing

Abstract composition, rectangles packed recursively. White background. Black, white or yellow rectangles. Rounded corners and thin margins in between them, at all levels.

#generativeart #p5js #creativecoding

**Bojidar Marinov** @bojidar_bg@mastodon.social · Apr 29

Apr 29

Bojidar Marinov @bojidar_bg@mastodon.social

This week, for #TilingTuesday, I present to you this non-periodic #KnightPolygons tiling
As usual, Knight polygons are polygons traced by chess knight moves. The tiling here is created by an iterative "place a random tile at the point closest to the center" process -- which is similar to how I've drawn knight polygon tilings by hand in the past.

https://editor.p5js.org/bojidar-bg/sketches/OFgChcuFx

Colorful tiling of a jagged circle by quadrilaterals. As before, there are thin green rhomboids running along the diagonals, thicker blue rhomboids running along the X and Y axes, and a few reddish squares scattered throughout.

Colorful tiling of the plane from quadrilaterals. There are thin green rhomboids running along the diagonals, thicker blue rhomboids running along the X and Y axes, and a few reddish squares scattered throughout.

#p5js #generativeart

**Jared Berghold** @jurnip@vis.social · Apr 27

Apr 27

Jared Berghold @jurnip@vis.social

Last Thursday, I ran my first creative coding workshop for older kids and teens (ages 12-16) at the Darling Square Library Makerspace. I was amazed to see what they all created in just two hours! Here are some examples.

A swirling pink, blue, and purple tube design.

A brightly-coloured tessellated cube pattern.

A blue impossible-cube design on a pink background.

#CreativeCoding #p5js #ProceduralArt

**Metamere** @Metamere@genart.social · Apr 25

Apr 25

Metamere @Metamere@genart.social

Here is some art I made using my phone and code that I wrote in #p5js. All images were from a single seed, and involved a lot of direct control to create them. It is my alternative to doomscrolling in bed.

#WindsweptInfinity
#ProceduralArt
#GenerativeArt