Introduction to Creative Coding with p5.js

Introduction to Creative Coding with p5.js, available at $19.99, has an average rating of 4.77, with 30 lectures, based on 146 reviews, and has 959 subscribers.

You will learn about Learning basics of coding through p5js (A beginner friendly javascript library) Understand what creative coding is Making art (simple paint applications and generative portraits) with p5js Learn simple programming concepts like variables, conditionals, loops. Gets you started on development and javascript This course is ideal for individuals who are Those with interest in programming and art or Interest to explore javascript or Best for all ages over 10 It is particularly useful for Those with interest in programming and art or Interest to explore javascript or Best for all ages over 10.

Enroll now: Introduction to Creative Coding with p5.js

Summary

Title: Introduction to Creative Coding with p5.js

Price: $19.99

Average Rating: 4.77

Number of Lectures: 30

Number of Published Lectures: 30

Number of Curriculum Items: 30

Number of Published Curriculum Objects: 30

Original Price: ₹1,199

Quality Status: approved

Status: Live

What You Will Learn

Learning basics of coding through p5js (A beginner friendly javascript library)
Understand what creative coding is
Making art (simple paint applications and generative portraits) with p5js
Learn simple programming concepts like variables, conditionals, loops. Gets you started on development and javascript

Who Should Attend

Those with interest in programming and art
Interest to explore javascript
Best for all ages over 10

Target Audiences

Those with interest in programming and art
Interest to explore javascript
Best for all ages over 10

Welcome to our Creative Coding Class!.

In the Creative Coding online workshop, you will explore creating animations through code, generative art, and more!

No previous knowledge of coding required, this class will start from the basics of coding and programming.

A great way to develop your computational thinking, logic and math , all while making art!

The workshop will introduce you to javascript – the language of the web.

Learn the concepts of programming using p5.js – a javascript library that focuses on.

By the end of the class, you will be able to make your own generative art, and will be comfortable with concepts such as variables, functions and conditionals.

Projects made in the class will include

* Generative portraits

* Animating simple drawings

* Creating a simple MS Paint-like app

Great for all of the age 10+

The course is broadly divided into 4 sections –

1. Simple Shapes and animation-Learn about the basics of p5, functions and variables

2. Making a paint application– Learn to make your own version on MS Paint while also learning more about variables and if statements

3. Generative Patterns – We will create patterns with code, and learn about for loops!

4. Generative Portraits – Create portraits using code, images and your camera! We will learn a few more algorithms in this module, along with how to use and manipulate images with code.

Materials Required

Access to computer, laptop or phone to view the videos. Please note that is not available for iPads and iPhones currently
Access to google chrome browser to access the coding environment

Course Curriculum

Chapter 1: Hello! Welcome to Creative Coding

Lecture 1: What is creative coding?

Lecture 2: p5 Editor

Chapter 2: Module 1 – Shapes, Colours, and Animation!

Lecture 1: Introduction to Module 1

Lecture 2: CONCEPT | Setup, Draw, Canvas

Lecture 3: PROJECT | Emojis with simple shapes

Lecture 4: CONCEPT | Colours

Lecture 5: CONCEPT | Variables

Lecture 6: CONCEPT | Inbuilt variables

Lecture 7: References and Additional Shapes

Chapter 3: Module 2- Variables, Animations and Paint App!

Lecture 1: Introduction to Module 2

Lecture 2: CONCEPT | if statement

Lecture 3: CONCEPT | mouseDragged and mousePressed

Lecture 4: CONCEPT | pmouseX and pmouseY

Lecture 5: CONCEPT | Making a Button

Lecture 6: CONCEPT | random Function

Lecture 7: PROJECT | Make a Symmetry Painting App

Chapter 4: Grids, Loops and Animations!

Lecture 1: Introduction to Module 3

Lecture 2: CONCEPT | For Loop

Lecture 3: CONCEPT | Nested For Loop

Lecture 4: CONCEPT | Translate and rotate

Lecture 5: PROJECT | 10 Print

Lecture 6: PROJECT | Rotation Painting App

Lecture 7: CONCEPT | Making a grid with translate

Chapter 5: Images and Generative Artwork!

Lecture 1: Introduction to Module 4

Lecture 2: CONCEPT | Using Images – Part 1

Lecture 3: CONCEPT | Using Images – Part 2

Lecture 4: CONCEPT | Reading from Images

Lecture 5: PROJECT | Generative Portrait : Pointillism

Lecture 6: PROJECT | Generative Portrait : Random Walk

Lecture 7: CONCEPT | Using the Camera

Instructors

Paper Crane Lab
Creative Technologist

Rating Distribution

1 stars: 3 votes
2 stars: 3 votes
3 stars: 14 votes
4 stars: 37 votes
5 stars: 89 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu