crackofdusk / labyrinth

My first attempt at generative art

Home Page:https://crackofdusk.github.io/labyrinth/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Labyrinth

My first attempt at generative art.

Demo

Program output preview

Notes

  • Unit segments are positioned on a grid
  • They are rotated in one of two configurations
  • They are scaled up

SVG does the heavy-lifting of transformations (translation, rotation, scaling).

Lessons learned

Initially I thought I could somehow create segments from the grid coordinates. The biggest realization was that there is no need to compute segment starts and ends, since SVG can translate them.

Ideas

  • Make grid height and width distinct. I like how the square grid looks, though.
  • Add in-page controls for adjusting the parameters (grid size, scale, line width, etc.)
  • Play with colours. Try gradients. Try a random colour per segment.

Development

Install elm.

Start the elm reactor:

elm reactor

Open http://localhost:8000/Main.elm.

About

My first attempt at generative art

https://crackofdusk.github.io/labyrinth/


Languages

Language:Elm 100.0%