Skip to content

arqtron/3DSBS-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Visualizador de Imágenes SBS Interactivo / Interactive SBS Image Viewer


Español

Descripción

Una aplicación web simple diseñada para cargar y visualizar imágenes estereoscópicas en formato SBS (Side-by-Side). Permite navegar entre múltiples imágenes, cambiar entre diferentes modos de visualización (Normal, HSBS) e intercambiar las vistas izquierda/derecha. Es ideal para previsualizar contenido 3D, para usar con proyectores compatibles con HSBS o para practicar la visualización con la técnica de 'ojos bizcos' (cross-eye).

Características Principales

  • Carga Múltiple: Permite cargar uno o varios archivos de imagen SBS (.jpg, .png, etc.) a la vez.
  • Visualización Adaptable: La imagen ocupa el máximo espacio disponible en pantalla, manteniendo su proporción.
  • Navegación: Pasa fácilmente a la siguiente imagen cargada usando el teclado o un clic.
  • Modo HSBS (Half Side-by-Side): Muestra las mitades Izquierda y Derecha de la imagen original, cada una comprimida horizontalmente al 50% y centrada en su respectiva mitad de la pantalla. Útil para la salida a proyectores compatibles.
  • Intercambio de Vistas I/D: Invierte visualmente las mitades izquierda y derecha de la imagen. Funciona tanto en el modo de visualización Normal como en el modo HSBS.
  • Modo "Pantalla Completa": Oculta la barra de controles superior para una experiencia de visualización sin distracciones.
  • Control Flexible: Se puede manejar completamente mediante teclado, ratón o interacción táctil.
  • Adaptación a Redimensionamiento: La visualización se ajusta correctamente si cambia el tamaño de la ventana del navegador.

Uso y Controles

  1. Cargar Imágenes: Haz clic en el botón "Cargar Imagen/es SBS" y selecciona uno o más archivos de imagen desde tu dispositivo.
  2. Navegar entre Imágenes (si hay varias):
    • Pulsa la Barra Espaciadora.
    • Haz clic o toca en cualquier lugar del área de la imagen.
  3. Activar/Desactivar Modo HSBS:
    • Pulsa la tecla H.
    • Haz clic en el botón "Activar/Desactivar HSBS [H]".
  4. Intercambiar Vistas Izquierda/Derecha:
    • Pulsa la tecla I.
    • Haz clic en el botón "Intercambiar I/D [I]".
  5. Ocultar/Mostrar Barra de Controles:
    • Pulsa la tecla F.

English

Description

A simple web application designed to load and view stereoscopic images in SBS (Side-by-Side) format. It allows navigating through multiple images, switching between different viewing modes (Normal, HSBS), and swapping the left/right views. It's ideal for previewing 3D content, for use with HSBS-compatible projectors, or for practicing the 'cross-eye' viewing technique.

Key Features

  • Multiple File Loading: Allows loading one or more SBS image files (.jpg, .png, etc.) at once.
  • Adaptive Viewing: The image occupies the maximum available screen space while maintaining its aspect ratio.
  • Navigation: Easily switch to the next loaded image using the keyboard or a click.
  • HSBS (Half Side-by-Side) Mode: Displays the Left and Right halves of the original image, each horizontally compressed by 50% and centered in its respective half of the screen. Useful for outputting to compatible projectors.
  • Swap L/R Views: Visually inverts the left and right halves of the image. Works in both Normal and HSBS viewing modes.
  • "Fullscreen" Mode: Hides the top control bar for a distraction-free viewing experience.
  • Flexible Control: Can be fully operated via keyboard, mouse, or touch interaction.
  • Resize Adaptation: The display adjusts correctly if the browser window size changes.

Usage and Controls

  1. Load Images: Click the "Load SBS Image/s" button and select one or more image files from your device.
  2. Navigate Images (if multiple):
    • Press the Spacebar.
    • Click or tap anywhere on the image area.
  3. Toggle HSBS Mode:
    • Press the H key.
    • Click the *"Activar/Desactivar HSBS [H]"**. Toggle HSBS
  4. Swap Left/Right Views:
    • Press the I key.
    • Click the "Intercambiar I/D [I]". Swap L/R
  5. Show/Hide Control Bar:
    • Press the F key.

About

Visor de imagenes 3D SBS via web

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages