Prof. Dr. H. Dersch - HFU Furtwangen

This panorama viewer uses depthmaps to calculate stereoscopic images on-the-fly from monoscopic images. Unlike conventional viewers it provides stereoscopic vision vertically up and down as well as z-rotated views and head-motion parallax. This is a javascript port of previous desktop and java implementations. It requires a recent WebGL enabled browser and has been tested on Firefox. It is free software (GPL), see the Javascript sources for the license text.

Example Panoramas

Click image to load panorama.

1. Depthmap based Stereo

Views are calculated using a monoscopic image and depthmap. Zenith/Nadir-stereoscopy is feasible as well as z-axis rotation and head motion parallax ('wiggle').

2. Dual-Image based Stereo

Conventional stereoscopic viewer: Views are calculated from top-bottom panoramic image *).

Display Format

Stereobase % of width.
Wiggle amplitude % of width.


Pan, Tilt
Keys 'wasd', Arrow-keys, klick-and-drag mouse.
Keys '+-'
Keys 'yxz'
Key 'v'
Fullscreen Mode
Browser-specific (FF:Shift-Cmd-F)

How to embed in HTML

Include Javascript
<script type="text/javascript" src="ptviewer.js"></script>
Create Canvas
<canvas id="ptviewer3d-canvas" style="border: medium none;" width="500" height="400"></canvas>
Create Viewer
<script type="text/javascript">
	var viewer = new PTViewer3d( document.getElementById("ptviewer3d-canvas"), PanoramaURL );
Control Viewer
<script type="text/javascript"> viewer.set('parameter', 'value'); </script>

*) The Gooseberry benchmark panorama has been rendered by Dalai Felinto and is used here with his kind permission. It is based on data copyright Blender Foundation - and licensed under the Creative Commons Attribution 4.0 License. To view a copy of this license, visit or send a letter to Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.