Skip to content

Latest commit

 

History

History
26 lines (20 loc) · 974 Bytes

README.md

File metadata and controls

26 lines (20 loc) · 974 Bytes

Bauhaus Illustration Generator

An interactive bauhaus illustration generator experiment, which creates a random illustration in the Bauhaus styles using canvas with vanilla JS.

Currently only available on desktop.

Codepen here

Examples

Illustration

Screenshot of a generate bauhaus illustration

Screen capture

screen capture of the generator app creating several illustrations

Features

  • Draw a random illustration with default settings when page loads
  • Draw new illustration on illustration click
  • Define number of cells via range input
  • Define illustration colors
  • Button to reset settings to default

Ideas

  • Change JS into TypeScript
  • Add mobile styles
  • Add "animate" button, which would create new animation every x seconds
  • Add "export" button, which would export illustration as svg or pdf