Information Technology
Hands on Training icon
Hands On Training
Hands on Training icon

Creative Coding Self Generating Art with Javascript & P5js

Course Cover
compare button icon

Course Features

icon

Duration

39 minutes

icon

Delivery Method

Online

icon

Available on

Lifetime Access

icon

Accessibility

Mobile, Desktop, Laptop, Tablet

icon

Language

English

icon

Subtitles

English

icon

Level

Beginner

icon

Teaching Type

Self Paced

icon

Video Content

39 minutes

Course Description

Become a digital artist!

This course will teach you how to code self-generating art using Javascript, and the P5js library. You don't need to set anything up. It will be a very easy process!

Do you need to know how code?

Nope. No. I will walk you through the basics of programming and help you to become a programmer artist.

What should we do?

I will explain how to get started, give you some basic programming instructions, show you how to create generative art and how to export it into creative software such as Adobe Illustrator.

What's P5.js?

p5.js is Javascript library for creative programming. It focuses on making coding accessible to all, including beginners, designers, educators, and educators. It is free and open-source so it will always grow.

We will use the P5js web editor to share our code with everyone in just few clicks.

How will I learn

This course will teach you how to create stunning art with code. You will also learn how to export and modify them in creative software that is used by professionals all over the world.

This class is open to all levels of coders and designers. No programming experience is required.

This course could lead to a new addiction.

Let's get started!

Links discussed in the course:

  • P5.js Web Editor
  • 3. Intro to P5.js - Pink Circle (P5.js Sketch)
  • 3. Introduction to P5.js- Random Circles (P5.js sketch)
  • 5. Your First Generative Art (P5.js sketch)
  • 6. Advanced Generative Art (P5.js sketch)
  • 7. Exporting your Art (P5.js Sketch).
  • 7. Exporting your Art - P5.js SVG Library

---

Music Credit: LAKEY INSPIRE

Track Name: "Better Days".

Track Name: "Monroe"

Track Name: "Watching The Clouds".

Track Name: "Wonder"

Track Name: "Distant".

Music By: LAKEY INSPIRED @ https://soundcloud.com/lakeyinspired

Official "LAKEY INSPIRED" YouTube Channel HERE - https://www.youtube.com/channel/UCOmy...

License for commercial use: Creative Commons Attribution3.0 Unported "Share Alike." (CC BY–SA 3.0). License

Full License HERE - https://creativecommons.org/licenses/...

Music promoted by NCM https://goo.gl/fh3rEJ

Course Overview

projects-img

International Faculty

projects-img

Post Course Interactions

projects-img

Hands-On Training,Instructor-Moderated Discussions

projects-img

Case Studies, Captstone Projects

Skills You Will Gain

What You Will Learn

3. intro to p5.js - pink circle (p5.js sketch)

3. intro to p5.js - random circles (p5.js sketch)

5. your first generative art (p5.js sketch)

6. advanced generative art (p5.js sketch)

7. exporting your art (p5.js sketch)

7. exporting your art - p5.js svg library

P5.js web editor

Course Cover