Outschool
Open currency, time zone, and language settings
Log In

Try It! Make Art With Code in P5js Javascript

In this one-time class, learners create lively, computer-generated animations from random shapes and colors by coding in p5.js, a kind of JavaScript for artists. Get a taste of programming by making something beautiful! Beginners welcome.
Terry D [Code & Art, JavaScript, M.Ed]
Average rating:
5.0
Number of reviews:
(44)
Class
Play

What's included

1 live meeting
1 in-class hours

Class Experience

US Grade 5 - 8
Beginner Level
In this one-time class, learners get a quick look at the beauty and fun of making computer-generated art – the lovely patterns and shapes that computers create when we give them imaginative commands. Like many coding classes this one welcomes learners who love games, and it also welcomes learners who love design, color, and animation. No previous experience coding is necessary!

We'll focus on a few essential commands for color and shape. Learners begin by tinkering with teacher-provided code. In a guided exploration, they make changes to the code and notice what happens. Then they collaborate with classmates, comparing results and figuring out together how the code works. New concepts and commands are added in small steps, with plenty of concrete examples and time for invention. Gradually, students write commands independently. They finish the class by designing and coding their own project with randomly-generated shapes, sizes, and colors. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges that build on them. In addition, I provide supplementary written or video materials for students who move a little faster than the class.

This class is intended both for students with no experience in text-based coding (writing commands instead of dragging blocks) and also for students who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. However, for more advanced students who already write code independently in p5.js, JavaScript, or another language, please contact me to arrange a more appropriate learning experience.
Learning Goals
Learners explore JavaScript commands that display shapes and colors and that change them randomly.
learning goal

Other Details

Learning Needs
To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.
Parental Guidance
During the class, students will create accounts at https://openprocessing.org/, where they will write code and see their animations. Student accounts include many safety features. No personal information is collected. Additionally, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.
Pre-Requisites
No prerequisites.
Joined August, 2022
5.0
44reviews
Profile
Teacher expertise and credentials
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education.

Reviews

Live One-Time Class
Share

$23

per class
Meets once
60 min

Completed by 9 learners
Live video meetings
Ages: 9-14
1-4 learners per class

About
Support
SafetyPrivacyCA PrivacyLearner PrivacyManage Data PreferencesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2024 Outschool