lorossi / bauhaus-time

Procedurally generated Bauhaus canvas

Home Page:https://lorenzoros.si/bauhaus-time/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bauhaus time

Try it here lorenzoros.si/bauhaus-time

Sometimes, I get obsessed to something, but just for a week or two. At this point of my life, I call this "my weekly obsession".

This week's lucky winner is Bauhaus, the famous (although short lived, sadly) German art movement born in the early 20s. I've always really liked this style (maybe I was influenced as a child? I do recall having a Bauhaus themed blanket. Or was it a blanket with a silly joke on Bauhaus¹? I can't really remember.) In the past, I tried experimenting with this kind of style in another few projects, like circle tiling and random mondrian.

But it was not enough. How could that be enough, after all?

Explanation: ¹ In Italian it makes sense, I swear. This doesn't make all this situation less lame, however

I tried to replicate what it was taught in that school, but using my style. I set myself 3 simple rules:

  1. Simple colors - red, yellow and black. Nothing less, nothing more. Each one has a different chance of coming up on the final image, so you will rarely see black (but if you try enough, eventually you will find it).
  2. Repetitions - every canvas is made by a grid with a random number of lines and columns, varying between 3 and 9. Each generated tile is occupied by an unique combination of shapes.
  3. Basic shapes - each tile is filled by a randomly generated composition with one or two color. The script picks one of 17 random algorithm to fill the allotted space. As it happens with the colors, not every composition has the same probability of being picked. There's also a not-so-small change of the tile being left empty.

As I did in other scripts, I then added a bunch of tiny dark particles to give texture and some old paper effect, rotated by each tile by a small angle to give the illusion that each shape was hand drawn and... voilà, the script is served! The title is randomly generated, so you can say that every drawing is, in fact, unique.

Try it as much as you want, it's free! If you like any of the generated image, just press on the button to save it. Forever!

Also, if you are interested, be sure to check my Instagram profile where I post a lot of things that I do.

DISCLAIMER I am not a designer, an art student, an artist, or one that has studied anything related to this topic. Please don't be offended by my project. Of course it's not really Bauhaus and I would never claim to be like Kandinskij or Mondrian, just to name a few. But I had fun doing this. Feel free to leave a comment on my Instagram post or here on GitHub thought!

Output

Bauhaus 3x3 bauhaus-3x3 bauhaus-3x3-2

Bauhaus 4x4 bauhaus-4x4 bauhaus-4x4-2

Bauhaus 5x5 bauhaus-5x5 bauhaus-5x5-2

Bauhaus 6x6 bauhaus-6x6 bauhaus-6x6-2

Bauhaus 8x8 bauhaus-8x8

Bauhaus 9x9 bauhaus-9x9

Credits

This project is distributed under Attribution 4.0 International (CC BY 4.0) license.

About

Procedurally generated Bauhaus canvas

https://lorenzoros.si/bauhaus-time/

License:Creative Commons Attribution 4.0 International


Languages

Language:JavaScript 87.9%Language:HTML 6.6%Language:CSS 5.4%