Sign in

wout

@wout.codes
469 followers 182 following 255 posts

Bit chaotic. Into art, design, coding, music, and nerding. Too many interests and trying to practice them all at once. Proud owner of one husband and three dogs. #ruby #crystal #elixir → building: fluck.site → moi: wout.codes

PostsRepliesMedia
wout @wout.codes · 11/06/2026
daringfireball.net/2026/05/what...
Modal with header text "THIS IS A DICKOVER": a modal panel, popover, or curtain presented by a website or app, deliberately obscuring its own content to frustrate the user with an unwanted, unnecessary, mandatory interaction.
122
wout @wout.codes · 12/09/2025
Instagram's new “Ad Breaks” make the Android app completely unusable, it's ridiculous. Where are the limits? When will the majority of users say “hell no!”? #ludovicagram
Person restrained in chair with metal eyelid clamps and head apparatus from A Clockwork Orange film scene.
010
wout @wout.codes · 24/08/2025
Dark Castle gave me chills, especially this scene. Never managed to get far in this game because it was so incredibly hard.
The Trouble 3 scene from the 1986 Mac game Dark Castle. The player has to go down to get a key by passing a man with a mask, torturing three people hanging from the wall, with a whip.
030
wout @wout.codes · 27/07/2025
For a few months I have been working on a new web app. I've had the idea for years now, but it's such a massive undertaking that I never found the courage to actually go for it, until this year. Now I'm designing the first landing page. These #paper #cutouts give a good idea of what the app is about
16 playful cutouts of e-commerce related icons, placed in a grid of 4 by 4 on a bamboo tabletop.
040
wout @wout.codes · 08/06/2025
This little guy has been running around on my laptop for most of the day.
The top edge of a laptop screen with a swimming pool blurry in the background. 
A jumping spider sits in top of the laptop screen, looking straight into the camera.
030
wout @wout.codes · 01/06/2025
Three continuous lines in cyan, magenta, and yellow, each with slightly different distortion values. This is the first finished plot. It came a bit too dense, so I'm going to make a new one today with more whitespace. #penplotter #genart #opart
An abstract art piece featuring a complex pattern of lines and curves. The artwork is framed with a white border and is placed on a textured, concrete surface. The lines within the frame create a moiré effect, giving the illusion of depth and movement.A close-up view of an abstract pattern that creates a moiré effect. The artwork consists of fine, closely spaced lines that are slightly curved, producing an illusion of waves and ripples. The colors in the image are predominantly shades of green and pink, which blend together to create a sense of depth and movement.
090
wout @wout.codes · 31/05/2025
Finalising the second layer (magenta) on this piece. This is a first try and I need to make some tweaks still. #penplotter #genart #opart
0233
wout @wout.codes · 24/05/2025
We started on a huge, exciting project and there's very little time for other things right now (more on that later). But today I finally got around to plotting a few iterations of this sketch. Cold-pressed cotton paper with CMYK ink using fountain pens and pencil. #penplotter #genart #linedrawing
A geometric line drawing on cold-pressed cotton paper featuring overlapping three-dimensional house shapes in CMYK ink, created with fountain pens and pencil.Detail of a geometric line drawing on cold-pressed cotton paper featuring overlapping three-dimensional house shapes in CMYK ink, created with fountain pens and pencil.A geometric line drawing on cold-pressed cotton paper featuring overlapping three-dimensional house shapes in CMYK ink, created with fountain pens and pencil.Detail of a geometric line drawing on cold-pressed cotton paper featuring overlapping three-dimensional house shapes in CMYK ink, created with fountain pens and pencil.
0201
wout @wout.codes · 03/05/2025
Recently started buying CDs again. I forgot how lovely the whole experience is. In part the audio quality, but best of all are the booklets. Some of them really stand out.
060
wout @wout.codes · 28/03/2025
Just finished Careless People by Sarah Wynn-Williams. Understandable that Zuckerberg wants a ban because it puts him in a terrible light. The things Facebook did, and didn't do, for the sake of the bottom line, just horrifying. #carelesspeople
1111
wout @wout.codes · 17/03/2025
Building further previous experiments, these are quadtrees built with points derived from generative mountain landscapes. #svg #genart
0353
wout @wout.codes · 09/03/2025
More iterations of the same algorithm.
A6 portrait canvas divided into rectangles of different sizes. Each rectangle is filled with wiggly lines in three colours (cyan, magenta and yellow), with a different angle and spacing per rectangle. New colours emerge because of the blend between the three colour components.A6 portrait canvas divided into rectangles of different sizes. Each rectangle is filled with wiggly lines in three colours (cyan, magenta and yellow), with a different angle and spacing per rectangle. New colours emerge because of the blend between the three colour components.A6 portrait canvas divided into rectangles of different sizes. Each rectangle is filled with wiggly lines in three colours (cyan, magenta and yellow), with a different angle and spacing per rectangle. New colours emerge because of the blend between the three colour components.A6 portrait canvas divided into rectangles of different sizes. Each rectangle is filled with wiggly lines in three colours (cyan, magenta and yellow), with a different angle and spacing per rectangle. New colours emerge because of the blend between the three colour components.
0463
wout @wout.codes · 09/03/2025
Further experimentation with quadtrees. It's interesting to see the emergence of flow fields when the rectangles get very small. Colours used here are just CMY, but one or two colour components are randomly diluted fifty per cent to get more variation. #genart #generativeart #penplotter #svg
A6 portrait canvas divided into rectangles of different sizes. Each rectangle is filled with wiggly lines in three colours (cyan, magenta and yellow), with a different angle and spacing per rectangle. New colours emerge because of the blend between the three colour components.
2381
wout @wout.codes · 04/03/2025
Fun with quadtrees. I wanted to implement this for a long time but somehow never came to. These are configured to allow just one point per tile. #genart #svg
1403
wout @wout.codes · 03/03/2025
This beautiful panoramic card by @jimmy.is just came in, all the way from New Zealand. Loving it! #ptpx #penplotter
0100
wout @wout.codes · 28/02/2025
Implementing different algorithms to generate cubic and quadratic bezier splines from open and closed polygonal shapes. Never realised there are so many approaches. #svg
071
wout @wout.codes · 23/02/2025
Some more iterations. wout.design/pages/microb...
061
wout @wout.codes · 23/02/2025
Exploring moiré in combination with process colours (CMYK). These are just four continuous lines–each in one colour–and slightly offset distortion values, resulting in interesting colour blends. These will be realised as A4 pen plots. Ink is already in and tomorrow the new pens arrive. #penplotter
2230
wout @wout.codes · 16/02/2025
191
wout @wout.codes · 16/02/2025
I really like this sketch from #genuary day 20 so I'm preparing it for A4 penplots. I've just ordered new fountain pens and lightfast ink and I'm looking forward to starting experimenting with them. Still in doubt about the edition size though. Probably 25 or 50 sequential iterations of the sketch.
1281
wout @wout.codes · 09/02/2025
Some more iterations using different process colours...
050
wout @wout.codes · 09/02/2025
#Genuary put me on a roll, and I miss it. Everywhere I look I see inspiration for new pieces. So I decided to create a weekly(ish) work and pen-plot a series of iterations. Here's the first one: “Keeping it together”. #SVG #penplotter #genart
1221
wout @wout.codes · 06/02/2025
After adding a lot of extra modules to my toolkit during #genuary2025, I'm now polishing up everything. One of them is an Okhsl picker, and while testing its performance against HSL and other spaces, it became clear how bad HSL actually is when using it with interpolations. #colorpicker
0150
wout @wout.codes · 02/02/2025
A #ptpx exchange card from Victor Felder came in.
0120
wout @wout.codes · 01/02/2025
Other portraits...
040
wout @wout.codes · 01/02/2025
Day 31 of #genuary2025: “Pixel sorting.” The only time this #genuary using bitmap data. Portraits of me (by @mickmichel.com) projected in 3D, and the individual pixels sorted on the z-axis according to their perceived luminance. Thanks @piterpasma.nl and everyone involved for organising Genuary!
190
wout @wout.codes · 31/01/2025
And some more sheets and balls...
041
wout @wout.codes · 31/01/2025
Day 21 of #genuary2025: “Create a collision detection system (no libraries allowed).” This is one I overlooked. Sheets falling on top of other sheets and the occasional ball. #genuary
1383
wout @wout.codes · 31/01/2025
A few more iterations...
050
wout @wout.codes · 30/01/2025
Day 23 of #genuary2025: “Inspired by brutalism.” #genuary
1464
wout @wout.codes · 30/01/2025
Some more circles...
020
wout @wout.codes · 30/01/2025
Day 24 of #genuary2025: “Geometric art - pick either a circle, rectangle, or triangle and use only that geometric shape.” Catching up on the days I didn't have the time to make an entry. Here are circles, circles, and, again, more circles. #genuary
2120
wout @wout.codes · 30/01/2025
Other iterations of the same sketch...
081
wout @wout.codes · 30/01/2025
Day 30 of #genuary2025: “Abstract map.” #genuary
1281
wout @wout.codes · 30/01/2025
Some more outputs from the same sketch...
040
wout @wout.codes · 30/01/2025
Day 29 of #genuary2025: “Grid-based graphic design.” #genuary
1221
wout @wout.codes · 28/01/2025
Day 26 of #genuary2025: “Infinite Scroll.” An infinite scroll through the Y-axis of a stretched Perlin noise field. This was tough since my library isn't very good at animating stuff. It's focused on calculating geometries for SVG (penplotters) and Gcode (3D printing). #genuary
1182
wout @wout.codes · 28/01/2025
Day 26 of #genuary2025: “Symmetry.” Fill vs Void. #genuary
2361
wout @wout.codes · 27/01/2025
Day 27 of #genuary2025: “Make something interesting with no randomness or noise or trig.” The individual numbers of PI translate to the number of lines per tile and the rotation of the second layer. #genuary
1142
wout @wout.codes · 26/01/2025
More long lines ––––––––––––––––––––––––––––––––––––––
050
wout @wout.codes · 26/01/2025
Day 26 of #genuary2025: “One line that may or may not intersect itself.” One long line, waving in the wind. #genuary
1110
wout @wout.codes · 26/01/2025
More outputs from the same sketch...
081
wout @wout.codes · 26/01/2025
Day 22 of #genuary2025: “Gradients only.” Two, three and four-sided gradients between shades and neighbours on an OKHSL colour wheel. #genuary
1130
wout @wout.codes · 24/01/2025
A few more iterations...
071
wout @wout.codes · 24/01/2025
Day 20 of #genuary2025: “Generative Architecture.” Stereotypical orthographically-projected houses. #genuary wout.design/pages/microb...
2170
wout @wout.codes · 19/01/2025
A few more iterations...
010
wout @wout.codes · 19/01/2025
Day 19 of #genuary2025: “Op Art.” Phantom Figures. #genuary
1130
wout @wout.codes · 19/01/2025
Day 17 of #genuary2025: “What happens if pi=4?” Running my sketch for Day 5 with PI=4. The hex grid creates an overflow, the poison disk distribution is slightly off, and the OKHSL to hex conversion results in a different colour scheme. #genuary Day 5: bsky.app/profile/wout...
0130
wout @wout.codes · 18/01/2025
More wind... 🌬️
030
wout @wout.codes · 18/01/2025
Day 18 of #genuary2025: “What does wind look like?” Analysing wind. #genuary
1192