Code Monkey home page Code Monkey logo

generative-art's Introduction

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.

  1. Install Nodejs from here.

  2. Fork the generative-art repository to your Github account. After clone the your repo to your local system.

  3. 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
    
  4. Check if the packages are correctly installed by typing:

    npm run start
    
  5. 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

  1. 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
    
  2. Check if your changes are correct and don't break the website render by typing npm run start.

  3. Commit the files you have changed, type:

    $ git add -A
    $ git commit -m "add a message to your commit"
    $ git push
    
  4. Before submitting the PR, make sure to run npm run format on your project-directory to make the code properly formatted.

  5. 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.

  1. Fix: #issue_number
  2. Feature Added/Changed
  3. Screenshots of Change

How to add a new art-piece?

  1. In the src/ directory go to ArtDisplay/art-pieces directory.
  2. 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).
  3. After making the art-piece component, go to ArtDisplay.jsx file and add a new React Router route for the new art-piece.
  4. In the public/data.json file, add the details for your new art-piece.
  5. 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.

Screenshots of the Website

alt text
alt text

Contributors

  1. Tanvi Kumar
  2. Balaji Jayashrri
  3. Rishabh Taparia
  4. Purnima Sharma

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.