DEV Community

Cover image for Art with CSS Grid and SVG filters

Art with CSS Grid and SVG filters

Mads Stoumann on December 07, 2024

Have you ever explored the power of grid-auto-flow: dense? When combined with randomly generated values (constrained within a set range), you can u...
Collapse
 
juniourrau profile image
Ravin Rau •

This is quite an interesting thing to play around with. Imagine you are creating a detective game and you want to have such a scene where you have a pec board with all the evidence and pictures, you can make them in this way.

Thanks for the write up.

Collapse
 
farihaizhar profile image
Fariha Izhar •

thats a very good idea

Collapse
 
madsstoumann profile image
Mads Stoumann •

Thanks, and great idea with the board!

Collapse
 
grahamthedev profile image
GrahamTheDev •

I had a lot of fun playing with the sliders I must say!

Now I just need a "quirky / playful" project to work on so I can steal it and use it! haha.

Collapse
 
madsstoumann profile image
Mads Stoumann •

Maybe a detective game, as Ravin suggested?

Collapse
 
annavi11arrea1 profile image
Anna Villarreal •

Thank you for including pictures! XD this is cool.

Collapse
 
madsstoumann profile image
Mads Stoumann •

Thank you!

Collapse
 
danielheim profile image
Daniel Heim •

I've been thinking about ways to generate interesting mazes for games, and your post has really inspired me. Thanks!

Collapse
 
madsstoumann profile image
Mads Stoumann •

Happy to hear that!

Collapse
 
urbanisierung profile image
Adam •

Loving the idea!

Collapse
 
madsstoumann profile image
Mads Stoumann •

Great!

Collapse
 
thetiss profile image
thetiss •

Awesome! thanks

Collapse
 
madsstoumann profile image
Mads Stoumann •

Thank you!