Udemy

Introduction to Creative Coding with p5.js

Enroll Now
  • 1,082 Students
  • Updated 12/2022
4.6
(171 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 7 Minute(s)
Language
English
Taught by
Paper Crane Lab
Rating
4.6
(171 Ratings)

Course Overview

Introduction to Creative Coding with p5.js

Create art with code!

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 Content

  • 5 section(s)
  • 30 lecture(s)
  • Section 1 Hello! Welcome to Creative Coding
  • Section 2 Module 1 - Shapes, Colours, and Animation!
  • Section 3 Module 2- Variables, Animations and Paint App!
  • Section 4 Grids, Loops and Animations!
  • Section 5 Images and Generative Artwork!

What You’ll 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


Reviews

  • M
    Michel TISSIER
    5.0

    The explanations are clear and the exercises are fun. It's too short, we want more!

  • U
    Udemy User
    5.0

    clear explanations

  • S
    Sandra Smyth
    5.0

    Having no experience at all in coding, I find this interesting, engaging and fun.

  • F
    Feiyang Xia
    4.0

    The course explained p5.js basic principles really well and showed how to use it to create simple but fun effects. The instructor presented the material logically and effectively. However, if you have some foundation in creative coding, you might find the course too short and easy, especially considering the price. Thank you, and I hope Udemy could produce more creative coding courses.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed