Pattern Bloom

Genuary 2025 pieces compilation in a grid

What a ride 🎢 #genuary2025 #genuary

Day 31 of #genuary : Pixel sorting
#genuary2025 #genuary31 #creativecoding

#genuary2025 day 31! “Pixel sorting”

Visualizing the merge sort algorithm with “pixels”

#genuary #genuary31 #p5js

Thanks! 😊

A graph with interconnected dots and lines of different stroke weight and colors, light background

A graph with interconnected dots and lines of different stroke weight and colors, light background

#genuary2025 day 30! "Abstract map"

#genuary #genuary30 #p5js

Castle made of geometric shapes in dark colors

Castle made of geometric shapes in vivid colors

Adding these ones because the preview is terrible 😅

Castle made of geometric shapes in vivid colors

Castle made of geometric shapes in dark colors

#genuary2025 day 29! "Grid-based graphic design"

A classic castle made of geometric shapes 🏰

#genuary #genuary29 #p5js

#genuary2025 day 28! "Infinite Scroll"

I reused one of my favourites shapes from a pattern and added infinite movement to them 🍃

#genuary #genuary28

Moving text with a gradient effect in pink and purple tones, displaying the phrase "movement is life"

Moving text with a gradient effect in dark aquamarine and light orange tones, displaying the phrase "movement is life"

#genuary2025 day 27! "Make something interesting with no randomness or noise or trig."

#genuary #genuary27 #p5js

Curved arcs forming a grid with symmetrical patterns along both the x and y axes

#genuary2025 day 26! "Symmetry"

#genuary26 #genuary

Curved line with a perspective that makes it unclear whether it intersects itself - red line and light-red background

Curved line with a perspective that makes it unclear whether it intersects itself - light yellow line and dark blue background

#genuary2025 day 25! "One line that may or may not intersect itself"

#genuary #genuary25 #p5js

Small circles with varying stroke and background colors, forming concentric circular patterns with higher density at the center and more dispersed arrangements in the outer layers

Medium circles with varying stroke and background colors, forming concentric circular patterns with higher density at the outer layers and more dispersed arrangements in the center

#genuary2025 day 24! "Geometric art - pick either a circle, rectangle, or triangle and use only that geometric shape"

Basic but beautiful ☀️

#genuary #genuary24

Blocks in parallel with a squared and a circled intersection, imitating a brutalist building, yellow background

#genuary2025 day 23! "Inspired by brutalism"

#genuary #genuary23 #threejs

Genuary day 23: "Inspired by brutalism."
#genuary #genuary2025 #genuary23

Creativity is like a houseplant, not an endless well. You need to seek out sunlight, water, and nutrients in art, shows, music, experiences, and more to tend to it. And just like plants it has its dormant and active periods and you may not seem improvement for some time.

Genuary Day 22: "Gradients only."
Implemented with #p5js #glsl #shaders
#genuary #genuary2025 #genuary22 #creativecoding #generativeart

Types of raindrops created using gradients that form circular shapes

#genuary2025 day 22! "Gradients only"

#genuary22 #genuary #p5js

#genuary2025 day 21! "Create a collision detection system (no libraries allowed)"

Simple rules for detecting two types of collisions: viewport collision and color collision💡

#genuary21 #genuary #p5js

Architecture of an electronic circuit, dark blue background, small components of various dimensions also in dark blue, connected by red lines

Architecture of an electronic circuit, light background, small components of various dimensions and different colors, connected by thin black lines

#genuary2025 day 20 "Generative Architecture"

Yes, I know it’s the 21st today... I’ll catch up this week! 😅

#genuary20 #genuary

An artistic rendering of 2025.

#genuary19 Op Art. #genuary #genuary2025

Thank you! I’m not usually a big fan of op art, but I aimed to create something smoother and more subtle 🥹

Release v2.0.0-beta.1 · processing/p5.js We want your help! Try testing out the beta and report any bugs you encounter! You can fork this web editor project: https://editor.p5js.org/davepagurek/sketches/wiOiYAp6P You can also add a sc...

The first #p5js 2.0 beta release is out! We're still in the process of writing up everything that has changed, but if you want to see some examples and help us test things out, head on over: github.com/processing/p...

🤣🤣🤣

Small squares in blue and purple that seem to be moving due to the black and white background corners

Small squares in pink and violet that seem to be moving due to the black and white background corners

#genuary2025 day 19! “Op Art”

#genuary19 #genuary

What happens if pi=4?

For this sketch I used the Taylor series expansion to approximate the sin and cos functions with pi=4.

S/N: 2025.017

#genuary2025 #genuary17 #genuary #dailySketch #creativeCoding #generativeArt #generative #genArtClub #openFrameworks

Abstract generative art composition. Light blue background, a yellow circles and short white lines creating wavy patterns.

Genuary 2025, day 18: What does wind look like?

#genuary #genuary2025 #genuary18

Simple drawing of green grass blades bent as if moved by the wind

#genuary2025 day 18! “What does wind look like?”

Wind blowing through grass 🍃

#genuary18 #genuary

Regular thick waves moving in diagonal, colored in blue and orange tones, dark blue background

code using default PI and HALF_PI p5.js predefined variables: for (let i = 0; i < N + 1; i++) { for (let j = 0; j < M + 2; j++) { stroke(COLORS[int(random(0, COLORS.length))]) arc(i * SIZE + MARGIN, j * SIZE + MARGIN, SIZE - RATIO, SIZE - RATIO, 0, HALF_PI) stroke(COLORS[int(random(0, COLORS.length - 1))]) arc(i * SIZE + MARGIN, j * SIZE + MARGIN, SIZE - RATIO, SIZE - RATIO, PI, -HALF_PI) } }

As PI = 4, instead of regular waves, it's a mix of two different types of arc shapes set in a grid, colored in blue and orange tones, dark blue background

Code changing default PI and HALF_PI values PI = 4 HALF_PI = PI / 2 for (let i = 0; i < N + 1; i++) { for (let j = 0; j < M + 2; j++) { stroke(COLORS[int(random(0, COLORS.length))]) arc(i * SIZE + MARGIN, j * SIZE + MARGIN, SIZE - RATIO, SIZE - RATIO, 0, HALF_PI) stroke(COLORS[int(random(0, COLORS.length - 1))]) arc(i * SIZE + MARGIN, j * SIZE + MARGIN, SIZE - RATIO, SIZE - RATIO, PI, -HALF_PI) } }

#genuary2025 day 17! "What happens if pi=4?"

When drawing "arc" shapes in #p5.js, I often use the default PI constant, so this is what happens when overriding it

#genuary17 #genuary

Day 15 of #genuary2025: “Design a rug.”

Had a lot of fun with this one. Building further on moiré patterns.

#genuary

Handrawn-like triangles of different colors and sizes over a light yellow background

Handrawn-like triangles of different colors and sizes, smooth shapes, over a purple background

Handrawn-like triangles of different colors and sizes, with thin stroke lines on them, over a green background

Handrawn-like triangles of different colors and sizes, with thin and black stroke lines on them, over an indigo background

#genuary2025 day 16! “Generative palette”

Very random, very demure

#genuary #genuary16