offscreen Examples

The theatre provides a presentation layer for files in the theatre/ directory

The theatre files showcase Polypoint features.

The files within this directory are just standard JavaScript files. They work in a standard setup, but the Polypoint site will access additional meta data within the file, such as title and imports.

Checkout the source code within the theatre directory or run one of the examples.

Browse categories

offscreen: 10 Examples

Theatre files

  • offscreen-silently thumbnail
    Render to an offscreen canvas for seamless background processing and silent UI updates.
  • Render graphics using an OffscreenCanvas and copy them to the main screen for optimized performance.
  • offscreen-example thumbnail
    Explore multiple approaches for rendering using OffscreenCanvas and the copyToOnScreen method.
  • Render content on an OffscreenCanvas and sync it to a visible canvas for high-performance output.
  • offscreen-example-b thumbnail
    Perform high-performance rendering using OffscreenCanvas and push results to the visible UI.
  • offscreen-context thumbnail
    Render graphics on an offscreen canvas and sync them to the visible screen for optimized performance.
  • offscreen-direct thumbnail
    Render content on an OffscreenCanvas and sync it to the visible screen for optimized performance.
  • offscreen-example-as-image thumbnail
    Render complex graphics using an OffscreenCanvas, then project them onto the main stage as images.
  • offscreen-example-transferControlToOffscreen thumbnail
    Manage high-performance rendering by transferring canvas control to an OffscreenCanvas context.
  • offscreen-to-image-bitmap thumbnail
    Render offscreen canvas content as high-performance ImageBitmaps for scalable drawing.