TV

The four TVs

Each of the four "TVs" has its own CanvasClass for its screen. They act independently.

Pressing any key anywhere on the page will freeze the 1st screen (uses the p5js keyIsPressed). Pressing any key when the mouse is on the second screen will freeze it (uses screen[1].keyIsPressed) but observe that this also freezes the first screen. When working with 3rd TV, there will be some delay in processing mouse actions because the screen is only updated every half second.

You can drag multiple images to the 4th TV. Their thumb nails will be displayed in a tray below the TV's and one will be displayed. Clicking on the thumb nail will display it on that screen.

The p5.js file: TV.pjs

James Brink, 6/25/2020