Posts and replies

i think i will scrap it, so here is a fancy star background i made. the layers here are ordered from bottom to top:

• colorful noise ("light"): bottom layer. should be fixed if the others scroll, or should scroll if the others are fixed.
• mostly black ("pinpricks): this layer reveals only some of the pixels from the light layer, creating stars of a variety of shades.
• black blobby texture ("voids"): this layer covers up even more of the stars, making them less repetitive.

the final image is what the background looks like put together.

if implemented correctly, the stars should twinkle as you scroll!
i like to display all the images at 2x scale, which makes the stars both softer and brighter.

example usage in css:

background:
    url('./star-voids.png') center 0 / 146px,
    url('./star-pinpricks.png') center 0 / 262px,
    url('./star-light.png') fixed center 0 / 146px,
    #000;

sorry if mastodon butchers the images somehow. i wouldn't expect it to since it's presumably made by people who are actually smart.