https://github.com/phetsims/paper-land

Build and explore multimodal web interactives with pieces of paper!
https://github.com/phetsims/paper-land

ar augmented codesign community javascript multimodal open-source paper

Last synced: 4 months ago
JSON representation

Build and explore multimodal web interactives with pieces of paper!

• Host: GitHub
• URL: https://github.com/phetsims/paper-land
• Owner: phetsims
• License: mit
• Created: 2023-01-19T21:08:44.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-03-13T23:27:28.000Z (about 1 year ago)
• Last Synced: 2025-03-14T00:28:40.261Z (about 1 year ago)
• Topics: ar, augmented, codesign, community, javascript, multimodal, open-source, paper
• Language: JavaScript
• Homepage: https://phetsims.github.io/paper-land/
• Size: 204 MB
• Stars: 24
• Watchers: 2
• Forks: 3
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Welcome to Paper Playground: Your Interactive Hybrid Design Space

[![Matrix Chat](https://img.shields.io/badge/matrix-chat-green?logo=matrix&logoColor=green)](https://matrix.to/#/#interactive-paper-programming:matrix.org)

[![Youtube Channel](https://img.shields.io/badge/youtube-channel-red?logo=youtube&logoColor=red)](https://www.youtube.com/@PaperPlaygroundCommunity/)

[![License](https://img.shields.io/github/license/phetsims/paper-land?color=blue)](https://github.com/phetsims/paper-land/blob/main/LICENSE)

Paper Playground is an open-source project for collaboratively creating multimodal web experiences by means of mapping code to real pieces of paper and manipulating the code in your **physical space**. Everything runs on your machine and you can collaborate locally or using a hosting service to collaborate over projects with others in your shared space.

While Paper Playground can support many uses, our aim to support a community interested in bringing physical interaction as a means to collaboratively solve problems in codesigning technology.

Paper Playground is based on the [Paper Programs](https://paperprograms.org) open-source project and has been extended to incorporate [SceneryStack](https://scenerystack.org/), the development stack used by [PhET Interactive Simulations](https://phet.colorado.edu) as a robust 2D scene creator and to add multimodal capabilities. The project focuses on enabling quick prototyping of web projects based in JavaScript. In creating Paper Playground, we are developing with a particular emphasis on easy addition of multimodal display such as audio features (e.g., sounds and sonifications), spoken description, and other non-visual features that are often difficult to design and develop alongside visual elements in complex web projects. Learn more on the [Multimodal Codesign page](./projects/codesign.md).

## Getting Started & Installation

[**GET STARTED**](https://phetsims.github.io/paper-land/)

See the Paper Playground website for all the details on how to get started  at [https://phetsims.github.io/paper-land/](https://phetsims.github.io/paper-land/).

## Community

[🌍 Join the Community 🌍](https://phetsims.github.io/paper-land/community/)

## Overview of Paper Playground Components

Paper Playground is built around a few key components that work together seamlessly:

- **Program Creation Systems**: Design and iterate on your programs with ease using abstracted program components in *Creator*.

- **Computer Vision**: Our tool detects your dot-encoded paper programs using a webcam, merging the digital and physical realms.

- **Execution and Display**: See your code come to life on screen, with outputs displayed in real-time.

- **Collaboration**: Shared databases allow for asynchronous collaboration, whether you’re working locally or online.

You’ll interact with Paper Playground through three main interfaces:

1. ***Camera***: Detects your paper programs using an attached camera device.

2. ***Interactive Display***: Shows the results of your programs, which can be interacted with virtually or projected.

3. ***Creator***: A low-code interface where you design your programs, step by step.

[**GET STARTED**](https://phetsims.github.io/paper-land/)

Head over to the [docs website](https://phetsims.github.io/paper-land/) to get started and learn the interface. 

## License

This software is covered under the [MIT License](https://github.com/phetsims/paper-land/blob/main/LICENSE).