generative-art-gallery

The gallery art is coded with JavaScript and utilizes HTML Canvas.

First, what is code art?
Code art is any art that is built using code.

What goes into a piece of generative art?
Often, generative art draws inspiration from modern art, especially pop art that makes heavy use of orderly geometric patterns.

• Randomness is crucial for creating generative art. The art should be different each time you run the generation script.
• Algorithms — As generative artists, we use code basics like loops, control flow and specialized functions.
• Geometry — Most generative art incorporates shapes, and the math from high school geometry class can aid in some really cool effects.

An introduction to Generative Art: what it is, and how you make it

Installation

Prerequisites

npm (or yarn): npm

git: git

Steps

Navigate to your chosen directory and clone the gallery.

git clone https://github.com/jfitzsimmons/generative-art-gallery.git

(webpack & gh-pages)

npm install

npm run build
npm run dev

Deploy

Prerequisites

You'll need a Github account: create account

Update homepage in package.json to your own

"homepage": "https://yourhandle.github.io/generative-art-gallery/",

npm run deploy

Built With

• JavaScript - JavaScript is a scripting or programming language that allows you to implement complex features on web pages
• HTML Canvas - The Canvas API provides a means for drawing graphics via JavaScript and the HTML element.

Acknowledgments

• meditate.js is inspired from the art of Rambling Ink
• syntheosis.js is inspiredby the album artwork from Waste of Space Orchestra
• reclaimedWorld.js is inspired / stolen from Jose Goncalo
• randomcosmos.js is inspired from the art of Jin
• pixelCity.js is inpired / stolen from the art of GewonP
• mountainFog.js is inspired by the photo Light Leak from Karl Shakur