Lightnews — Scholar-powered news

Pattern Bloom

@patternbloom.bsky.social

130 followers 180 following 57 posts

patternbloom.com

Unleash your inner artist: explore, color, and transform free geometric prints into stunning custom designs

All the designs are created using generative art by @elenatorro.bsky.social

Posts Replies Media Videos

Pattern Bloom

@patternbloom.bsky.social

What a ride 🎢 #genuary2025 #genuary

Genuary 2025 pieces compilation in a grid

January 31, 2025 at 5:55 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 31! “Pixel sorting”

Visualizing the merge sort algorithm with “pixels”

#genuary #genuary31 #p5js

January 30, 2025 at 11:14 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 30! "Abstract map"

#genuary #genuary30 #p5js

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

January 30, 2025 at 9:43 AM

Pattern Bloom

@patternbloom.bsky.social

Adding these ones because the preview is terrible 😅

Castle made of geometric shapes in dark colors

Castle made of geometric shapes in vivid colors

January 29, 2025 at 4:00 PM

Pattern Bloom

@patternbloom.bsky.social

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

A classic castle made of geometric shapes 🏰

#genuary #genuary29 #p5js

January 29, 2025 at 3:56 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 28! "Infinite Scroll"

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

#genuary #genuary28

January 28, 2025 at 3:34 PM

Pattern Bloom

@patternbloom.bsky.social

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

#genuary #genuary27 #p5js

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"

January 27, 2025 at 12:33 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 26! "Symmetry"

#genuary26 #genuary

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

January 27, 2025 at 10:50 AM

Pattern Bloom

@patternbloom.bsky.social

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

#genuary #genuary25 #p5js

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

January 27, 2025 at 10:49 AM

Pattern Bloom

@patternbloom.bsky.social

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

Basic but beautiful ☀️

#genuary #genuary24

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

January 26, 2025 at 10:36 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 23! "Inspired by brutalism"

#genuary #genuary23 #threejs

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

January 26, 2025 at 1:27 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 22! "Gradients only"

#genuary22 #genuary #p5js

Types of raindrops created using gradients that form circular shapes

January 22, 2025 at 10:25 PM

Pattern Bloom

@patternbloom.bsky.social

#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

January 22, 2025 at 3:09 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 20 "Generative Architecture"

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

#genuary20 #genuary

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

January 21, 2025 at 1:07 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 19! “Op Art”

#genuary19 #genuary

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

January 19, 2025 at 8:21 AM

Pattern Bloom

@patternbloom.bsky.social

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

Wind blowing through grass 🍃

#genuary18 #genuary

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

January 18, 2025 at 7:17 AM

Pattern Bloom

@patternbloom.bsky.social

#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

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

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) } }$

January 17, 2025 at 7:44 AM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 16! “Generative palette”

Very random, very demure

#genuary #genuary16

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

January 16, 2025 at 9:46 AM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 15! "Design a rug"

Not what I had in mind for today 💠

#genuary #genuary15

Vertical rug design made with intersecting lines forming diamond shapes, enclosed in a frame of the same color. Colors: greenish for border and small diamons, dark blue for lines, very light yellow for background

Vertical rug design made with intersecting lines forming diamond shapes, enclosed in a frame of the same color. Colors: light orange for border and small diamons, dark blue for lines, light yellow for background

Vertical rug design made with intersecting lines forming diamond shapes, enclosed in a frame of the same color. Colors: blue for border and small diamons, dark yellow for lines, magenta / dark pink for background

January 15, 2025 at 4:10 PM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 14! "Pure black and white. No gray."

Today, a sketch of flying birds 🕊️

#genuary14 #genuary

Randomly arranged birds made of black lines on a white background, high density

Randomly arranged birds made of black lines on a white background, low density

January 14, 2025 at 8:17 AM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 13! "Triangles and nothing else"

#genuary13 #genuary

Squared image with eleven columns of triangles, one after another, of different sizes, in calid colors of brown, dark yellow and orange

Squared image with eleven columns of triangles, one after another, of different sizes, in calid colors dark red, dark orange, and dark blue, overlapping with different grades of opacity

Squared image with eleven columns of triangles, one after another, same size, in calid colors dark red, dark orange, and dark brown, overlapping with different grades of opacity

Squared image with eleven columns of triangles, one after another, same size, overlapping in different shades of dark red

January 13, 2025 at 11:34 AM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 12! "Subdivision"

Some random binary trees using #p5.js

#genuary12 #genuary

Binary tree using random angles, thin black lines

Binary tree using random angles, greenish and brown lines

Binary tree using always 45deg angles, random colors in blue, red, and yellow

January 12, 2025 at 12:43 PM

Pattern Bloom

@patternbloom.bsky.social

I recorded a couple of clips using OBS and adding some rain sounds 🌧️

January 11, 2025 at 8:53 AM

Pattern Bloom

@patternbloom.bsky.social

#genuary2025 day 11! "Impossible day - Try to do something that feels impossible for you to do. Maybe it is impossible. Maybe it’s too ambitious. Maybe it’s something you know nothing about how to accomplish"

#genuary11

100% procedural rainy night city landscape using @threejs.org

Keep reading 👇

A rainy night scene featuring random buildings of various sizes in dark purple tones

A rainy night scene featuring random buildings of various sizes in dark purple tones, zoom in

January 11, 2025 at 8:53 AM

Pattern Bloom

@patternbloom.bsky.social

Another variation!

Random points arranged to form lines within circles, transitioning smoothly in color from light purple tones on one side to yellow tones on the other

function setup() {
const WIDTH = TAU * TAU * TAU * TAU
const HEIGHT = TAU * TAU * TAU * TAU
const START = TAU - TAU
const BASE = TAU / TAU
const SIZE = TAU + TAU + TAU
const COLORS = [
"#AAAFFF",
"#BBBFFF",
"#CCCFFF",
"#DDDFFF",
"#EEEFFF",
"#FFFAAA",
"#FFFBBB",
"#FFFCCC",
"#FFFDDD",
"#FFFEEE"
]

createCanvas(WIDTH, HEIGHT)
background(COLORS[START])
noStroke()

for (let i = START; i < WIDTH; i += SIZE) {
push()
rotate(radians(TAU * i))
for (let j = START; j < HEIGHT; j += SIZE) {
const a = parseInt((i + BASE) % (COLORS.length - BASE))
const b = parseInt((j + BASE) % (COLORS.length - BASE))
const c = parseInt((i + BASE + BASE) % (COLORS.length - BASE))
fill(COLORS[c])
circle(i, j, SIZE)
fill(COLORS[a])
circle(i + TAU, j - TAU, SIZE)
fill(COLORS[b])
circle(i - TAU, j + TAU, SIZE)
}
pop()
}
}

January 10, 2025 at 7:23 AM

Add to Home Screen

Light up
your news

Add to Home Screen

Light upyour news

Sign in to Lightnews

Sign up to start reading

Connect Bluesky

Connect with Bluesky

Light up
your news