Stereoscopy/Create a WebApp

Introduction

edit

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

edit
  • 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.