Panorama Renderer

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

Demo

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

Add @mediamonks/panorama-renderer to your project:

npm i @mediamonks/panorama-renderer

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 });

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