Stereoscopy/Create a WebApp

Introduction

In this learning resource we will create a Stereoscopy AppLSAC that is able to create a stereoscopic image from two single images for left and right eye.

Major Steps

• Load two images with FileReader into the browser and store the images into a canvas for the left and the right eye.
• allow image alignment via drag and drop on a canvas with a transparent view (overlay) for the left and right image.
• generate after alignment a stereoscopic image for the left and right eye.
• generate after alignment also a anaglyph 3D image for the left and right eye
• create a save button for anaglyph and stereoscopy image.