Panorama Renderer

The panorama-renderer is a lightweight package that allows you to render equirectangular panoramas using WebGL.

Demo

• Stress test with multiple demos.

This is a build from the repository's example/ directory.

Getting started

Installing

Add @mediamonks/panorama-renderer to your project:

npm i @mediamonks/panorama-renderer

Basic usage

Simple panorama rendering on canvas. Make sure the image is loaded before creating the renderer.

import { PanoramaRenderer } from '@mediamonks/panorama-renderer';

const renderer = PanoramaRenderer(wrapperElement, image, { loop: true });

Building

To build panorama-renderer, ensure that you have Git and Node.js installed.

Clone a copy of the repo:

git clone https://github.com/mediamonks/panorama-renderer.git

Change to the image-effect-renderer directory:

cd panorama-renderer

Install dev dependencies:

npm i

Build package:

npm run build