Generative Art for All

Generative Art is a process of algorithmically generating new ideas, forms, shapes colors, or patterns. First, you create rules that provide boundaries for the creation process. Then a computer (or less commonly a human) follows those rules to produce new works.

The ability to create beautiful art pieces with just a few lines of code is a fantastic feat by itself. Generative Art unlocks an entirely new avenue in the traditional art space, where earlier it used to take months or sometimes years to make a single art-piece. But, now, with the advancement of computer architecture, generative artists can make a brilliant art-piece in a concise amount of time with thousands of different unique patterns.

Setting up the project

Please do this only once before you start contributing to the project This website is made using HTML, CSS, React.js and p5.js technologies.

Install Nodejs from here.
Fork the generative-art repository to your Github account. After clone the your repo to your local system.
Once your repository is cloned, go to the repository's directory [your_directory]/generative-art/ and install all the packages and dependencies for the website by typing (if you work on Mac it should be like Users/[your_user]/[your_directory]/generative-art/):
```
$ npm install
```
Check if the packages are correctly installed by typing:
```
npm run start
```
This should open a window in your browser with the site running at http://localhost:3000.

Before Submitting a PR

Please do this everytime you submit a PR

Sync your fork to keep it up-to-date with the upstream repository following the next commands or this tutorial. First fetch the upstream repo and its commits -commits will be stored on your local fork- and then merge changes from upstream to your local:
```
$ git fetch upstream
$ git merge upstream/master
```
Check if your changes are correct and don't break the website render by typing npm run start.

Commit the files you have changed, type:

$ git add -A
$ git commit -m "add a message to your commit"
$ git push

Before submitting the PR, make sure to run npm run format on your project-directory to make the code properly formatted.
Commit to your repository at your github account and create a new PR. Click the Pull Request tab on your fork page and then click the green button New Pull Request.

PR Format

The Pull-Request should contain the following information.

Fix: #issue_number
Feature Added/Changed
Screenshots of Change

How to add a new art-piece?

In the src/ directory go to ArtDisplay/art-pieces directory.
Follow the sample template provided in 0_Template/, for creating a new art-piece component (don't change the code in the Template folder itself).
After making the art-piece component, go to ArtDisplay.jsx file and add a new React Router route for the new art-piece.
In the public/data.json file, add the details for your new art-piece.
Make a PR.

Generative-Art Code of Conduct

Be mindful of your language. Any of the following behavior is unacceptable:
- Offensive comments related to gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, ability, class, religion, culture, subculture, political opinion, age, skill level, occupation, or background
- Threats of violence
- Deliberate intimidation
- Sexually explicit or violent material that is not contextualized and preceded by a considerate warning
- Unwelcome sexual attention
- Stalking or following
- Or any other kinds of harassment
Use your best judgement. If it will possibly make others uncomfortable, do not post it.
Be respectful. Disagreement is not an opportunity to attack someone else's thoughts or opinions. Although views may differ, remember to approach every situation with patience and care.
Be considerate. Think about how your contribution will affect others in the community.
Be open minded. Embrace new people and new ideas. Our community is continually evolving and we welcome positive change.

TanviKumar/generative-art