zsofiav1 / zsofiav1.github.io

0 stars 0 forks source link

Add tessellations script (playground, homepage) #4

Open arpadav opened 8 months ago

arpadav commented 8 months ago

Would be cool to have your homepage show the "tessellations" you showed me on the iPad with the cool fall colors, and set that as the background

Yes CSS has a repeat functionality to wrap a given image, so if you want to make a default that would work. but i recommend the following:

  1. You enter the site and it has a theme that stays consistent while traversing the site
  2. You can change this theme as an easter-egg when going to the tessellations page of your website (or whatever you want to call it)

in this example, I am calling it tessellations playground. in this one, you are able to mess with the pattern inputs, the colors, etc.

this should ALSO have some sort of RLE string as a config. the main ones being

  1. color palette
  2. shapes/patterns selected
  3. a seed for your randomization
arpadav commented 8 months ago

can add the RLE config to cookies/some sort of local storage, and when fetching the image, can call a tessellations.js or something to generate the image. instead of generating everytime, the default can be hard-stored on the repo, but only if a user decides to play in the playground will it be generated on the fly

arpadav commented 8 months ago

default to square, but this is cool lol: https://library.fridoverweij.com/codelab/voronoi/index.html

arpadav commented 8 months ago

started tesselations WASM! @zsofiav1