JavaScript Views, the Hard Way – A Pattern for Writing UI
I came across this halftoning idea sometime last week. While the idea was relatively easy to understand and fun to implement, I've spent quite a lot of time trying to make the result look nice.
In each row, the image is split into bins containing roughly the same sum of lightness value. This is nice to implement when the number of lines/bins is a power of 2, so we can recurse with a binary split. Thus the line density varies by average lightness. The problem is that density is considered along the x-axis. If things change a lot between rows, the lines get slanted, so they appear more dense. Here I've included some averaging between neighbouring rows to make thing a bit smoother.
I'm also including a fun glitch from the early tests. The line-density system includes the set of point coordinates and the graph structure (which point is connected to which). What happened here is my generic graph generator that simply finds the nearest neighbours of each point. So in the light areas that are compressed horizontally, the nearest neighbours were left and right.
Here's another set of cards with varying patterns, all created with the exact same 4 blended CSS gradients, it's just the stops list `--c` that changes for each card.
So basically, it's again just one `background` + one `background-blend-mode` property.
Live demo on @codepen
https://codepen.io/thebabydino/pen/vYyNyER
Land Of Waves And Small Animal Tracks
Back to White Sands National Park.
It's full of what seem like perfectly untracked dunes, riffled by the wind.
Until you get closer and notice the tiny, itty bitty tracks left
https://thecareyadventures.com/blog/land-of-waves-and-small-animal-tracks/
Some shadow shadings,
creating their cool patterns,
in their own art form.
A bit geeky, I know, but I love this old stone wall in the Yorkhill area of Glasgow. I've got no idea of its age, but it leads down to the former Bishop's Mill, on the banks of the River Kelvin, which was built in 1839.
SciTech Chronicles. . . . . . . . .April 8th, 2025
#neuroimaging #visual #dorsal #ventral #biomass #bioenergetic #modeling #fermentation #certainty #patterns #independent #clustering #respiration #brain #functions #prefrontal #DNA #on-off #methylation #immune-related
Down On A Ridge, Closer Than You Think
More from White Sands National Park.
https://thecareyadventures.com/blog/down-on-a-ridge-closer-than-you-think/