ITP Camp 2024

Co-Create: Learn Creative Coding with AI (session 3)

Date: June 21, 2024 1-2pm


Session Leaders: Dror Margalit


Format: In-person only


Tags: #creative-coding #AI #education #p5


Co-Create is a weekly session series where Campers can collaboratively create with one another and AI tools. The series has two main components. First, hands-on creative coding workshops where we will learn and create interactive projects and animations using code. Second, we will explore an AI tool I developed as my ITP thesis tailored for creative coding learning. The goal of the series is to expose Campes to the possibilities of AI in helping humans learn, create, and collaborate while also testing an AI tool developed at ITP to support learning.

Each learner will get a unique AI-generated learning plan. Additionally, this is what we will generally focus on collectively:

Session 1: crafting a personalized journey & getting familiar with p5.js: Things we will do: talk about creative coding, talk about how to use AI in education, identify previous experience and learning goals, use AI to generate a uniquely tailored learning plan, and start learning basic concepts in p5. Technical concepts we will learn: p5 canvas, coordinate system, basic shapes.

Session 2: animation: making things move. Things we will do: share personal processes & projects from a tailored learning plan, talk about animation using code, and learn how to make basic animations using p5. Technical concepts we will learn: loops, draw function, frame rate.

Session 3: interactivity Things we will do: share final projects & processes, talk about interactivity, learn how to promote interaction in p5, and talk about concepts for the final project. Technical concepts we will learn: conditionals (if/ else), mouse interaction, and keyboard interaction.

No coding experience is required - please come if you are a complete beginner, love creative coding, or want to explore the possibilities of AI and education.

Note that the AI tool we will use is still in beta stage.