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

¿Todo listo para crear historias cautivadoras en 3D que lleven a los usuarios a 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!

Cómo abrir el editor de historias

La solución de narración en 3D viene con un editor integrado que te permite crear la historia desde la IU.

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

imagen

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

Cómo crear la página de portada

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

Agregar una historia

Agregar capítulos

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

  1. Busca una ubicación con la barra de búsqueda de Autocompletar integrada.

  2. Una vez que se agrega una ubicación, puedes agregar 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 "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 deseas borrar un capítulo en particular, hay un botón delete debajo del botón Edit.

  5. Para reordenar los capítulos, arrastra y mueve los elementos 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

Personalizar la configuración de la cámara

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

  • Ocultar o mostrar el marcador de ubicación Es posible que no quieras mostrar el marcador en una ubicación específica, sino mostrar un área general. Marca o desmarca la casilla "Mostrar marcador de ubicación" para ocultar o mostrar un pin. imagen

  • Mostrar un radio alrededor de un área Puedes elegir mostrar un área alrededor de una ubicación específica mediante la función "Enfoque en el 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.

  • Personaliza 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: Visualiza el mapa desde arriba o al 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 un acercamiento o una vista en gran angular. Usa la rueda del mouse o los gestos conocidos para acercar y alejar.

Experimenta combinando inclinación, rotación y zoom para encontrar el ángulo perfecto para cada ubicación. Los controles pueden variar un poco 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 utilizar para crear tu propia narración en 3D. Para ello, bifurca el código de GitHub.