Paper Playground

To run Paper Playground, open ALL of the pages below in new tabs or windows:

Configure your paper detection, change spaces (sets of programs), and access the JavaScript editor here!
Camera

Your paper detection and play area
Required for code execution. Optionally, this window can be used to verify program recognition or display web canvas graphics or web audio.
Canvas

Required to run programs
The multimodal components you create using PhET Libraries in your programs will appear here!
Display

Interact with the visual and auditory display from your code
A tool to help create programs and write code.
Creator

Create programs low-code style
Documentation and community website.
Documentation and Help

Community, tutorials, API reference, and more

The Projector page is required to run paper program code, but can be minimized if not using the projection feature. The Creator page is optional if using the JavaScript Editor in the Camera page.

Image

Flexible arrangements are possible for detecting and running your programs.

This tool was adapted from Paper Programs by JP Posma, which was inspired by the work at Dynamicland.

Find the Paper Playground source code and documentation in the paper-land GitHub repository.