How markplaga/twin-pane-stereoscope works
Twin Pane Stereoscope is a browser-based image viewer. Users open images, folders, or ZIP archives, then navigate a plate collection in stereo-pair or single-image mode; the viewer handles display, shared pan/zoom, and optional alignment aids. Slide show, fullscreen, and saved viewing settings are supporting capabilities. The runtime is concentrated in app.js, with index.html providing the page. The README documents several features whose implementation details are outside the sampled excerpts, so those relationships are cited to the README.
Main entry points: app.js Plate collection · index.html Viewer page
Components 15
Image intake
- File and folder loading
app.js - ZIP unpacking
app.js - Plate collection
app.js
Viewing and navigation
- Slide show
app.js - Image display
app.js - Stereo and single modes
app.js
Display adjustments
- Shared pan and zoom
app.js - Pair alignment
app.js - Fusion dots
app.js
Controls and settings
- Viewer page
index.html - Navigation controls
app.js - Viewing settings
app.js - Fullscreen and chrome
app.js
Other components
- Viewer
- JSZip CDN
Connections 19
- Viewer → Viewer page: opens
README.md - Viewer page → File and folder loading: loads runtime
README.md - Viewer → File and folder loading: selects images
README.md - File and folder loading → Plate collection: loads plates
README.md - Viewer → ZIP unpacking: selects archive
README.md - ZIP unpacking → JSZip CDN: uses library
README.md - ZIP unpacking → Plate collection: loads images
README.md - Viewer → Navigation controls: operates controls
README.md - Navigation controls → Plate collection: selects plate
app.js - Slide show → Plate collection: advances plate
app.js - Plate collection → Image display: displays current plate
app.js - Image display → Stereo and single modes: applies mode
app.js - Image display → Shared pan and zoom: renders transform
app.js - Viewer → Stereo and single modes: switches mode
README.md - Viewer → Shared pan and zoom: pans and zooms
README.md - Viewer → Pair alignment: adjusts pair
README.md - Viewer → Fusion dots: toggles aid
README.md - Viewer → Viewing settings: changes settings
README.md - Viewer → Fullscreen and chrome: changes display
README.md