
Keep in mind that not all checkbox items may apply to projects.


Students should aim to respond to at least two items(checkboxes) for each practice(experimenting and iterating, testing and debugging, reusing and. Challenge students to respond to these prompts by adding comments in their p5.js project. Resources Unplugged drawing activity Hour of code activity (landing page) Assessment Assessment of student’s development of computational practices via commenting in p5.js and reflection prompts: - Show students how commenting works in p5.js - Ask students to reflect on their project via comments in their project. Provide paper and pencils for students who would like to create a sketch of their composition before implementing it in code. This activity can also be done using graph paper. If you have some extra time for the activity, print the worksheets for each student. This activity starts with an unplugged drawing activity which adds about 15 minutes to the class. Creating your own interactive artwork also allows you to share your work with your students. Student will be able to - Use p5 functions to draw shapes on a canvas - Refer to the p5.js documentation to discover more functions - Add color to their compositions using p5.js color functions - Use variables to create interactive compositions Suggested Duration 1 hour with an optional 15 minute added activity Planning Notes - The best way to plan for this hour of code is simply to go through the activity yourself.
#HOUR OF CODE LESSON PLAN HOW TO#
They will then learn how to draw shapes with code, add color, and finally make their artworks interactive with system variables. They will select an artwork that they would like to recreate in code. Peblio Guide The activity: Overview In this hour of code, students will practice providing instructions to a computer using a Javascript library called p5.js.

See the link to the guide below for more on using Peblio. Then with "edit mode" on, you can add, delete, or change elements on the page. You can remix this activity by signing up and selecting "fork" on the project page. Introduction: Peblio is an adaptable platform that supports differentiation and scaffolding.
