Iota

Iota was built to generate images to use them in any place you want, and that's it. You can view it here.

Examples

particles 1

particles 2

pentagons 1

pentagons 2

square

onyx 1

onyx 2

• as a phone background :

Phone background

• to generate large images you can click (Ctr and -) to zoom out, then click generate (ps: refresh the page to get more distributed shapes)

onyx 3, if you decrease the page zoom you will get a really big image (this work in all shapes)

circles, if you decrease the page zoom you will get a really big image (this work in all shapes)

• Right now there is 8 shapes you can select and modify.

Installation

$ git clone https://github.com/MohammedAl-Rowad/iota.git
$ cd iota
$ git checkout code
$ npm i
$ ng s # this will serve the app on http://localhost:4200
$ ng s --port=4321 # to change the port

Technologies

It was built using these technologies - Angular 8.2. - Dom-to-image. - node-uuid. - particles.js. - angular-particle. - file-saver. - magic.css - nes.css - utility-types

About

This is just a simple app that was built on a couple of days and could be optimized a lot, for example adding more options to the user to modify the shapes instead of a pre-defined shapes that he/she only changes the color of them.

However adding new particles.js configuration objects to add new shapes are pretty easy since the code is very simple.

so PR's are very welcomed.