Random Pattern Generator

programming and I.T. thumb


HTML Code

JS Code


Information Station

  • Language and Tools:
    • JavaScript
    • HTML
    • CSS
    • Sublime Text
    • Adobe Photoshop
    • Adobe Capture
  • Purpose: I had a collection of patterns made with Adobe Capture for Android. I challenged myself to create a way to have these few patterns generate a random patter when combined into one “canvas”. I decided that my JavaScript and other web programming skills were going to be the best route to do this. Using a web browser as the delivery method seemed the easiest execution platform as well. I then set out to create a function to make a loop with math that would be random with each cycle, I could keep it from getting in an infinite loop but still cycle, etc… After generating several patterns, using the web browsers refresh, I captured one and used Photoshop to get it fit for a print on demand site.