Getting Started With Creative Coding
When art meets programming and generates design
We all know that programming can be functional. In the business world, we program to solve business problems. In the software world, we program to create a product that can either entertain or help us live better. Can you imagine programming for art? This is exactly what Creative Coding is. It’s the art of creating visualizations for expression.
You generate (2D, 3D, interactive) visualizations by applying algorithms using a programming language. Historically, this is called generative art. But, more and more, with the hype of data science, programmers are venturing into creative coding to bridge the gap between art and programming.
By the way, I find the name “creative coding” to be somewhat misleading. It implies that programmers who engage in creative coding are not programmers. They are coders. This is not true at all. To be a functional “creative coding” artist, you are straddling many disciplines: art, design, programming, and math. Often, you end up creating algorithms for your projects. Not only do you need math fundamentals, but you need artistic sensibilities to apply these algorithms to generate art. People who are truly great at “creative coding” are polymaths. They search for meaning in both the creative universe and the logical universe. They delve deep into the subjects that they work with. They end up becoming great programmers. A lot of their projects are software projects.
Designers who historically used Illustrator and Photoshop are also venturing into creative coding. Here’s an inspirational video of how designers are using creative coding in different types of ways. You will find creative coding designs in large art installations at museums, in concerts, in-store displays, and in trade show displays. Very often, marketers use these types of art displays to inspire customers.
Kids find it easy to use creative coding as a stepping stone to get into programming. Most kids who are in junior high school or elementary school love to draw and paint. Often, these kids are visual learners who can potentially become polymaths. They find it fascinating to use creative coding to explore more logical subjects such as math, biological sciences, architecture, and engineering.
Disclaimer: This article is purely for information purposes. This article does not contain affiliate links.
How to Get Started With Creative Coding
There are a few different ways to get started with creative coding. Creative coding is for programmers who have a creative mind. This programmer might draw, write, design, or take photographs on the side as a hobby. If you are this type of programmer, you might want to consider creative coding as a hobby.
Here’s my five-step method to get started with creative coding.
- Take a creative coding course.
- Try out the programming language or the packages available for drawing.
- Get inspiration from creative coding artists.
- Create your process of creative coding.
- Execute your first creative coding project.
List of Creative Coding Courses
You can get started with creative coding by taking any of these courses. Some of them are free. Taking the course is a shortcut that allows you to see the big picture before you venture further to pick a programming language to learn.
List of Programming Languages and Packages Available for Creative Coding
Here’s a list of resources:
Coding Train Tutorials P5.js—YouTube video on how to get started.
Creative Coding and Data Visualization with P5.js—O’Reilly book.
Python—Turtle Package, Python Mode of Processing Language.
The main programming language for creative coding enthusiasts is the Processing Programming Language.
Inspirations From Creative Coding Masters
The next step after you’ve gone through a few tutorials is to go through works from the creative coding masters. This process will allow you to see possibilities and be inspired.
Here are some of the artists I admire:
Casey Reas—He writes software to explore emergent systems and his work spans installation, works on paper, and live performance.
Patrick Hubner—He examines how modern technologies reshape and reinvent communication.
Create Your Creative Coding Process
Every artist has a process for generating their artwork. Finding your process is as important as creating the artwork.
Here’s a sample of a creative coding process:
- Find an inspiration: a word, a painting, an object, a shape, etc.
- Sketch out what you envision your artwork to be.
- Visualize interactions—with the environment, with data, with math, etc.
- Create the algorithm.
- Create your artwork with a programming language you choose.
- Go through iterations of editing and exploration to reach your final product.
Now that you have your creative coding process established, it’s time to embark on your first creative coding project. This will take you a week or two to explore the iterations of creative coding. It may lead you to new ideas. But it’s a fulfilling adventure.