(originally posted on 2025-02-10) - Genuary 25 #29: What if? What if we could put HTML into these shapes?
Could this be a new way of laying out grids? Out with masonry, in with bentoboxes I say.
To be continued...
Visit https://genuary25.d17e.dev/prompt/29 for the interactive version.
#genuary #genuary25 #genuary29 #JS #SVG #svelte #codeart #svgart #bentobox #swap #divide
https://genuary25.d17e.dev/prompt/29
#Genuary25
image is also just a grid of pixels.
That's when I realised I'm probably far from done with grids...
Visit https://genuary25.d17e.dev/prompt/29 for an interactive version.
#genuary #genuary25 #genuary29 #JS #SVG #svelte #codeart #svgart #bentobox #swap #divide
https://genuary25.d17e.dev/prompt/29
grounbreaking, but once you want to inset your shape and want to give it rounded corners, that becomes a whole different story.
Pretty sure that this is one of the prompts that will have its tentacles spreading throughout the coming year...
Visit https://genuary25.d17e.dev/prompt/29 for the interactive version.
#genuary #genuary25 #genuary29 #JS #SVG #svelte #codeart #svgart #bentobox #swap #divide
you'll need to run the project locally. The ffmpeg recorder is only available in development mode, as the wasm file is around 30MB. Didn't want to be pushing that to everybody's phone... Code is on my [GitHub](https://github.com/dxviie). Have fun!
-> go to [genuary.d17e.dev](https://genuary.d17e.dev/prompt/16) for endless variations
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
but more on those later.
Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?!
But I'll let you decide on that...
-> go to [genuary.d17e.dev](https://genuary.d17e.dev/prompt/16) for endless variations
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary.d17e.dev/prompt/16
but more on those later.
Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?!
But I'll let you decide on that...
-> go to [genuary.d17e.dev](https://genuary.d17e.dev/prompt/16) for endless variations
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary.d17e.dev/prompt/16
but more on those later.
Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?!
But I'll let you decide on that...
-> go to [genuary.d17e.dev](https://genuary.d17e.dev/prompt/16) for endless variations
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary.d17e.dev/prompt/16
(originally posted on 2025-01-19) - Genuary 25 #16: debug=true And here's a little look behind the scenes...
Check out genuary.d17e.dev for endless variations.
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary25.d17e.dev/prompt/16
(originally posted on 2025-01-18) - Genuary 25 #16: 3-pigment palette A larger grid and 3 pigment sources.
Go to genuary.d17e.dev to see it in action (straight from the source, free from any video compression)
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary25.d17e.dev/prompt/16
output however, is an ever changing generated palette of colors.
Go to genuary.d17e.dev to see it in action and roll the dice.
#genuary #genuary25 #genuary16 #JS #SVG #svelte #codeart #svgart #gradients #mixbox
https://genuary25.d17e.dev/prompt/16
(originally posted on 2025-01-08) - Genuary 25 #05: Tiny Pink Isometric Art A little bit of trigonometry and some SVG shapes go a long way...
Roll the dice over at [genuary.d17e.dev](https://genuary25.d17e.dev) for "endless variations"
#genuary #genuary25 #genuary5 #JS #SVG #svelte #codeart #svgart
https://genuary25.d17e.dev/prompt/05
that's not uncommon in games. That or all the cute dioramas we can find all over the internet just by googling for it.
That was enough of reason for me to shortlist this one and see what I could get my browser to with some simple SVG shapes. Just as for the first prompt, you can find the 'live', 'endlessly different' version on [genuary.d17e.dev](https://genuary25.d17e.dev)
#genuary #genuary25 #genuary5 #JS #SVG #svelte #codeart #svgart
(originally posted on 2025-01-04) - Genuary 25 #01: Or a bit of both? Visit [genuary.d17e.dev](https://genuary.d17e.dev) for endless interactive variations...
#genuary #genuary25 #SVG
https://genuary25.d17e.dev/prompt/01
(originally posted on 2025-01-04) - Genuary 25 #01: Or a bit of both? Visit [genuary.d17e.dev](https://genuary.d17e.dev) for endless interactive variations...
#genuary #genuary25 #SVG
https://genuary25.d17e.dev/prompt/01
(originally posted on 2025-01-03) - Genuary 25 #01: Or horizontal... Visit [genuary.d17e.dev](https://genuary.d17e.dev) for endless interactive variations...
#genuary #genuary25 #SVG
https://genuary25.d17e.dev/prompt/01
(originally posted on 2025-01-02) - Genuary 25 #01: Vertical lines only #genuary #genuary25 #prompt01 #SVG
https://genuary25.d17e.dev/prompt/01
#genuary2025 #genuary25 Day 25: "One line that may or may not intersect itself."
#Genuary25 I am still going! A single line. Code here: https://davebauer.art/web-and-python-programming/genuary-25-a-single-line/
Client Info
Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst