/dots

WebApp to Create Procedurally Generated Images

Primary LanguageTypeScriptMIT LicenseMIT

Dots

WebApp to Create Procedurally Generated Images

By: topher-lee.nft

License

HTML5 JavaScript CSS3

NodeJS Bootstrap

https://topherlee513.github.io/dots/

How to:

Everything is setup to generate random options by default.

But... the user has the option to choose some options like:

  • Collection Name

    • (Really Only Affects the File Name)

  • Image Width and Height

    • Higher values may crash the program...

  • Background Color

  • Number of "Particles" per-Image

  • Layout:

    • Random: Place particles all over the canvas, randomly
    • Rows: Align particles into rows and columns

  • Particles

    • Dots: Cirles
    • Blocks: Squares
    • Both: Mixed

Examples

Random Rows
Dots: Dots:
Blocks: Blocks:
Both: Both:

About:

  • Written on my phone using various text editors and IDE's.
    • Updated on PC