🎨Unit 3 Final Project: Patatap

How can I create a visual, interactive project with sound?

Teacher Notes && Overview

As with all projects, this can be customized to better fit the needs and interests of your students; this is simply a starting place! If making a patatap inspired piece does not interest you, consider asking students to recreate a musical instrument (such as a piano/keyboard) that they can 'play' in p5 with visual input, or something similar. The sky is the limit!


You are going to be tasked with making a program that will be fully interactive and allow the users to play sounds that also correspond to something that happens on the canvas. (Think back to our lesson on sound with the changing face!) This project is inspired by the Patatap website, which is worth exploring as a class and invidiually before beginning.

Task && Requirements

Create a program that has/does the following:

  • Includes at least 5 sounds, each that plays when a specific key is pressed

  • Makes something appear or change on the screen when each sound is played

    • While many can be shapes, at least one needs to use text/fonts

  • Utilize loops for at least one drawn design

  • Organize using arrays and/or dictionaries as needed

  • Create functions where necessary to simplify code

  • Utilize any other relevant skills from past lessons - think back on past projects and get creative with skills you can integrate into this one!

Writing Prompts

  • Explain how your program works.

  • Describe a challenge you faced in making your program and how you solved it.

  • In what ways could this program be improved, given more time and resources?

Sample Outputs

Sample Project Code


As we get further and further into the course, the extensions become more about how students choose to challenge themselves by using the reference sheet and generalizing learned skills to do something new.

In the sample project, a variation of timers are used (frameCount with modulo) to make things happen to a beat; this would be a great mini extension for students!

Last updated