Narración en 3D: Usa el editor para crear una historia

¿Todo listo para crear historias atractivas en 3D que lleven a los usuarios en un viaje por ubicaciones del mundo real? En esta guía, se mostrará cómo crear una historia nueva con el editor integrado.

Usa nuestra interfaz intuitiva para ajustar los títulos, las descripciones, las imágenes y los ángulos de la cámara. Es perfecto para principiantes.

Abrir el editor de historias

La solución 3D Storytelling viene con un editor integrado que te permite crear la historia

El editor se encuentra en el lado izquierdo de la página. Para abrirlo, haz clic en este pequeño ícono:

imagen

Para acceder al editor, visita la versión alojada app de 3D Storytelling Admin o descarga e instala tu propia instancia de Storytelling desde GitHub

Crea la portada

Usa la sección "Detalles de la historia" para establecer un título, una imagen, una descripción y otros detalles. Esto le presenta tu historia al usuario.

agregar una historia

Agregar capítulos

Cada capítulo es como una parada en tu recorrido. Aquí te mostramos cómo agregarlos:

  1. Busca una ubicación con la barra de búsqueda de autocompletar incorporada.

  2. Después de agregar una ubicación, puedes agregarle detalles al capítulo. Para ello, haz clic en el botón Edit junto a la ubicación:

    Cómo guardar un capítulo

  3. Haz clic en "Edit" (Editar) para ingresar el título, la descripción, la imagen y la fecha del capítulo.

    Cómo guardar un capítulo

  4. Si quieres borrar un capítulo en particular, verás el botón delete debajo del botón Editar.

  5. Para reordenar los capítulos, puedes arrastrarlos y moverlos con los íconos de puntos de la izquierda:

    Cómo guardar un capítulo

Guarda el capítulo

Para guardar un capítulo específico, haz clic en el botón "Salir del modo de edición". El botón Salir del modo de edición funciona como un botón para guardar.

Cómo guardar un capítulo

Cómo personalizar la configuración de la cámara

Puedes personalizar diferentes parámetros de configuración de la cámara:

  • Mostrar/ocultar el marcador de ubicación: Te recomendamos que no se muestre el pin en una ubicación específica, sino un área general. Marca o desmarca la casilla "Mostrar marcador de ubicación" para ocultar o mostrar un marcador. imagen

  • Mostrar un radio alrededor de un área Puedes elegir mostrar un área alrededor de una ubicación específica con la función "Enfoque del radio de la pantalla". Si marcas esta opción, se abrirá un control deslizante de radio que te permitirá controlar el radio de límite del enfoque de la cámara.imagen

imagen

Aquí se muestra cómo las opciones avanzadas de la cámara ayudan a crear una experiencia personalizada.

  • Personalizar la ubicación de la cámara: Ajusta el ángulo específico de la cámara que deseas mostrar con controles sencillos de la cámara:

  • Inclinación: permite ver el mapa desde arriba o a nivel del suelo. Mantén presionada la tecla Control (o Cmd en algunas computadoras) mientras haces clic y arrastras hacia arriba o hacia abajo con el mouse.

  • Rotar: Gira el mapa para obtener una vista de 360 grados. Mantén presionada la tecla Control (o Cmd en algunas computadoras) mientras haces clic y arrastras hacia la izquierda o la derecha con el mouse.

  • Zoom: Obtén una vista de primer plano o gran angular. Usa la rueda del mouse o gestos conocidos para acercar y alejar.

Experimenta con la combinación de inclinación, rotación y zoom a fin de encontrar el ángulo perfecto para cada ubicación. Los controles pueden variar levemente según la configuración de tu computadora.

imagen

Descubre cómo controlar el lienzo 3D para obtener el ángulo de cámara perfecto.

Finalizar y descargar

Una vez que se hayan creado la historia y los capítulos, descarga la configuración.

Haz clic en “Descargar” para obtener tu configuración personalizada en formato JSON.

Botón Descargar

Esta configuración se puede usar para crear tu propia narración en 3D bifurcando el código desde GitHub.