GENERATIVE DESIGN=> A course in Generative Design
Generative Art #
=> SEE THE GENERATIVE ART TUTORIAL PAGE #
=> Tutorial accepted by the P5JS foundation #
=> Educational-Resources GitHub page #
My life completely changed the day my dad brought me to see a film called TRON back in the 80’s. When the film did end I thought to myself…one day I will create graphics like these.
Later came the first days of the Internet in the early 90’s with a plugin called macromedia flash which allowed for the first time anybody to start experimenting with graphics and code.
Born in 2016 and backed by the great and inspirng teacher DanielShiffman, it has been growing steadily until becoming the perfect tool to make code accessible to artists, designers, educators and beginners.
The Goal with this introductory course is to inspire anybody who wants to start creating digital art with the computer screen as their canvas. To learn the basics of designing art with code.
If you need a more introductory course here I give a fantastic link of AllisonParish who has been another great inspiration to create this course for me and I do believe it’s a perfect complement for better understanding some of the concepts we will dive into.
Coding concepts to learn #
Programming: variables, for loops, classes, p5js functions.
Mathematics: translations, modulo, sin and cosinus functions, random.
This introduction to creating Generative Art with p5JS course is divided into:
- Dot class abstraction
- dot object creation
- dot animation basics
- dot sliders
- dot - row
- dot - matrix
- dot - experiments
P5JS Installation #
Insert this piece of code in the head tag of your html file and you will be good to go.
<head> <script src="></script> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Generative Art Online Course #
=> GENERATIVE-ART tutorial page