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.

Examples Files Categories

offscreen: 10 Examples

Theatre files

  • offscreen-example thumbnail
    Explore multiple approaches for rendering using OffscreenCanvas and the copyToOnScreen method.
  • Render graphics using an OffscreenCanvas and copy them to the main screen for optimized performance.
  • offscreen-silently thumbnail
    Render to an offscreen canvas for seamless background processing and silent UI updates.
  • offscreen-to-image-bitmap thumbnail
    Render offscreen canvas content as high-performance ImageBitmaps for scalable drawing.
  • 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-b thumbnail
    Perform high-performance rendering using OffscreenCanvas and push results to the visible UI.
  • Render content on an OffscreenCanvas and sync it to a visible canvas for high-performance output.
  • offscreen-example-transferControlToOffscreen thumbnail
    Manage high-performance rendering by transferring canvas control to an OffscreenCanvas context.
  • offscreen-context thumbnail
    Render graphics on an offscreen canvas and sync them to the visible screen for optimized performance.