A JavaScript library for creative coding, with a free browser editor. Students write short programs that draw, animate and respond to input.
Creative Replace
Students plan a robot on the squared page of their book, then write p5.js commands such as rect(), ellipse() and fill() to draw it at the coordinates they planned.
Creative Transform
Students write a p5.js sketch whose colours, movement and density are set by live weather readings, then leave it running on a screen for a week.
Students take the Met Office monthly rainfall series for their region since 1836, write p5.js rules that turn every month into a mark, and print the generated design onto fabric.
Students code a p5.js piece that reads how much a spectator moves and how loudly they speak, so every visitor changes the work, with no images or sound stored.
Starting from a p5.js starter sketch, students code the times-table circle, where point n joins point k × n mod N, and investigate which multipliers make which curves.
Students code a p5.js sound installation for the school foyer that listens to the room's noise level and the time of day, and changes its texture, harmony and density in response.
This page is one of a growing set of PICRAT examples by cell, subject and grade. Page maintained by Andy Perryer.