Introduction to Creative Coding with p5.js

Focused View

Paper Crane Lab

3:05:38

103 View

01 Hello! Welcome to Creative Coding

001 What is creative coding .mp4

01:34

002 p5 Editor.mp4

02:33

02 Module 1 - Shapes, Colours, and Animation!

001 Introduction to Module 1.html

002 CONCEPT Setup, Draw, Canvas.mp4

05:52

003 PROJECT Emojis with simple shapes.mp4

05:30

004 CONCEPT Colours.mp4

06:22

005 CONCEPT Variables.mp4

08:48

006 CONCEPT Inbuilt variables.mp4

05:53

007 References and Additional Shapes.mp4

06:50

03 Module 2- Variables, Animations and Paint App!

001 Introduction to Module 2.html

002 CONCEPT if statement.mp4

07:07

003 CONCEPT mouseDragged and mousePressed.mp4

04:09

004 CONCEPT pmouseX and pmouseY.mp4

02:35

005 CONCEPT Making a Button.mp4

11:45

006 CONCEPT random Function.mp4

05:46

007 PROJECT Make a Symmetry Painting App.mp4

20:47

04 Grids, Loops and Animations!

001 Introduction to Module 3.html

002 CONCEPT For Loop.mp4

10:02

003 CONCEPT Nested For Loop.mp4

04:18

004 CONCEPT Translate and rotate.mp4

08:21

005 PROJECT 10 Print.mp4

09:23

006 PROJECT Rotation Painting App.mp4

13:36

007 CONCEPT Making a grid with translate.mp4

07:25

05 Images and Generative Artwork!

001 Introduction to Module 4.html

002 CONCEPT Using Images - Part 1.mp4

03:45

003 CONCEPT Using Images - Part 2.mp4

03:39

004 CONCEPT Reading from Images.mp4

08:03

005 PROJECT Generative Portrait Pointillism.mp4

09:13

006 PROJECT Generative Portrait Random Walk.mp4

08:13

007 CONCEPT Using the Camera.mp4

04:09

Description

Create art with code!

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

Who is this for?

Those with interest in programming and art

Interest to explore javascript

Best for all ages over 10

What You Need to Know?

Access to chrome browser

Active internet connection

Be able to navigate the internet

No programming experience needed. You will learn everything on the go here.

More details

Description
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

Who this course is for:
Those with interest in programming and art
Interest to explore javascript
Best for all ages over 10

User Reviews

Rating

average 0

Total votes0

Focused display

Paper Crane Lab is a maker space in Bangalore, India. We are a set of instructors who are passionate about technology and education. Our team consists of electronics and software engineers and makers. Together, we have been teaching at various institutions and colleges since 2015 in India, Edmonton and New York.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.