Aims - Expected outcomes- Key concepts - Instructions p5.js III


The purpose of this module is to learn about P5.js image, video and audio importing and modifying.

Expected outcomes

Upon completion of this module, you should know / should be able to:

Submodule 18.1: Image in p5.js

    • load or preload image in the p5 canvas
    • use the get and set functions
    • use the pixels array of an image

Submodule 18.2: Video in p5.js

    • load video in the p5 canvas
    • add control buttons
    • capture a camera recording and modifying it

Submodule 18.3: Image manipulation

    • load audio file in the p5 canvas
    • adjust the audio volume
    • capture a microphone recording and modifying it


Key concepts
    • p5- image
    • p5- video
    • p5- audio

In order to complete this module, you have to:

  • Study the resources provided for the 3 submodules
  • Test your knowledge by answering the Practice set on this module’s content
  • Implement and submit the assignment on this module’s content
  • Reflect if the outcomes of this Module have been achieved
  • Give us feedback on this module’s content

The estimated time to complete these activities is 3 hours

Last modified: Friday, 5 October 2018, 8:13 PM