Guía de inicio rápido

Esta guía proporciona todos los pasos necesarios para iniciarle en el editor en la nube de 8th Wall y la plataforma de hospedaje incorporada.

Crear una cuenta en 8th Wall

Crear una cuenta en 8th Wall le da la posibilidad de:

• Crear experiencias de RA Web enriquecidas que se ejecuten directamente en un navegador web móvil.
• Colaborar con los miembros del equipo y almacenar el código en el control de código de fuente.
• Previsualizar instantáneamente proyectos a medida que los desarrolla.
• Inalámbricamente depura su código en tiempo real con registros de consola en directo desde múltiples dispositivos.
• Publicar los proyectos hospedados en la red global de 8th Wall.
• Gestionar suscripciones, información de facturación y licencias para proyectos comerciales.
• Crear un perfil público ** y Proyectos destacados ** en 8thwall.com, que le permitan mostrar tu trabajo, demos en directo y/o código.

Nuevos usuarios: Regístrese para una prueba gratuita de 14 días en https://www.8thwall.com/start-your-free-trial

Usuarios existentes: Inicie sesión en https://www.8thwall.com/login utilizando su dirección de correo electrónico y contraseña.

Comenzar la prueba gratuita

El editor en la nube de 8th Wall y la plataforma de hospedaje incorporada están disponibles para las áreas de trabajo con una suscripción de pago. 8th Wall ofrece una prueba gratuita de 14 días para que pueda acceder a toda la potencia de 8th Wall y empezar a crear experiencias WebAR.

Al final de los 14 días de prueba gratuita, su cuenta pasará automáticamente a un plan de pago. Debe cancelar su prueba gratuita antes de que finalice el periodo de prueba para evitar cargos. las suscripciones de 8th Wall se renuevan automáticamente hasta que las cancele. No hay reembolsos ni créditos por meses parciales o no utilizados. Para gestionar la configuración de su suscripción, consulte la Guía de configuración de la cuenta

1. En la página de inicio o de precios de 8th Wall, haga clic en Iniciar prueba gratuita

2. Cree su cuenta introduciendo su nombre, correo electrónico y contraseña. Revise y confirme: Acepte los Términos y condiciones de 8th Wall y luego haga clic en Siguiente.

3. Confirme su dirección de correo electrónico. Se enviará un correo electrónico con un código de verificación. Introduzca el código de verificación y haga clic en Confirmar.

4. Seleccione un plan: en el menú desplegable, seleccione el plan Starter, Plus, o Pro. Puede pagar mensualmente o anualmente una vez finalizado el periodo de prueba gratuito.

5. Introduzca los datos de su tarjeta de crédito.

¡IMPORTANTE! Al final del periodo de prueba gratuito de 14 días, su cuenta se actualizará automáticamente al plan de pago seleccionado. Debe cancelar la prueba gratuita antes de que finalice el periodo de prueba para evitar cargos. No hay reembolsos ni créditos por periodos de facturación parciales o no utilizados. Para gestionar la configuración de su suscripción , consulte la Guía de configuración de la cuenta

La pantalla de prueba gratuita mostrará la fecha concreta y el importe que se le cobrará si no cancela antes de que finalice el periodo de prueba gratuita.

6. Haga clic en Complete la compra para iniciar su prueba gratuita.

Crear una nueva área de trabajo

1. Introduzca un nombre de área de trabajo. Este valor es solo a efectos de visualización y no afecta a ninguna URL asociada a su espárea de trabajo.

2. Introduzca una URL del espacio de trabajo. Elija algo relevante para el nombre de su espacio de trabajo, como el nombre de su empresa.

IMPORTANTE: Este valor se utilizará como subdominio predeterminado para TODOS los proyectos hospedados en 8th Wall de su cuenta (por ejemplo, mycompany.8thwall.app/project-name). Este valor también se utilizará en la URL de su página de perfil público (por ejemplo, www.8thwall.com/**mycompany**).

No puede cambiar este valor más tarde, ¡así que elija sabiamente!

Nota: si quiere conectar dominios personalizados a sus proyectos hospedados en 8th Wall para anular la URL predeterminada de , consulte aquí.

Empezar un nuevo proyecto

1. En la página de inicio (iniciando sesión) o en el panel del área de trabajo, haga clic en "Iniciar un nuevo proyecto".

2. Seleccione el tipo de alojamiento (oólo planes Pro/de empresa): Decida por adelantado si el proyecto será hospedado por 8th Wall y desarrollado utilizando el Editor de la Nube de 8th Wall, o si lo alojará usted mismo. Este ajuste no se puede cambiar posteriormente. El autohospedaje splo está disponible para las áreas de trabajo Pro/de empresa de pago. El autoalojamiento no está disponible para las áreas de trabajo de los planes Starter o Plus, ni para las áreas de trabajo de del plan Pro durante el periodo de prueba gratuito.

3. Selecciona un nombre de proyecto: El nombre del proyecto se utiliza tanto en la URL predeterminada del proyecto (por ejemplo, mycompany.8thwall.app/project-name) como en la URL de la página del Proyecto Destacado (por ejemplo, www.8thwall.com/mycompany/project-name). No se puede cambiar.

4. Selecciona un tipo de licencia (solo Pro/Empresa)

Tipo de licencia:

• Comercial: Los proyectos comerciales están destinados a un uso comercial. Cuando esté listo para lanzar un proyecto comercial para que el mundo pueda verlo, tendrá que adquirir una licencia comercial mensual que varía en función de las visitas (véase más abajo). NOTA: No se pueden comprar proyectos comerciales durante la prueba gratuita. Si necesita adquirir una licencia comercial de , puedes terminar antes su prueba gratuita y comenzar su suscripción de pago.

• Uso como prueba: puede crear un número ilimitado de proyectos de prueba que se puedan ver públicamente y que estén destinados estrictamente a promocionar posibles trabajos. En la pantalla de carga aparecerá la etiqueta "Sólo para uso de demostración". Si en algún momento decide comercializar su proyecto, cambie a "Comercial" en el panel de control del proyecto.

• Aplicación Web: Puede crear un número ilimitado de proyectos propios bajo esta licencia. Los proyectos de aplicaciones web requieren que la pantalla inicial (o splash screen) permanezca encendida y será visible públicamente en 8thwall.com tan pronto como se publique. Esta licencia no permite proyectos creados para trabajos por encargo, ya que requieren una licencia comercial.

Clonar proyecto de plantilla

1. Tras crear un proyecto, seleccione una plantilla para clonarla. En esta guía, seleccione "Estructura en A: Frame para Colocar el suelo". Este ejemplo interactivo permite al usuario generar modelos 3D en la superficie en delante de usted pulsando. Muestra el raycasting, la instanciación de objetos, la importación de modelos 3D y el sistema de animación.

2. En la siguiente pantalla, se mostrará un LÉEME del proyecto. [Opcional] Para probar la plantilla antes de clonarla, haga clic en el botón Launch y escanee el código QR con tu teléfono.

3. Pulse el botón Clonar Proyecto para continuar. El proyecto de muestra se clonará en su espacio de trabajo , y se abrirá el Editor de la Nube.

Avance en directo

1. En la parte superior de la ventana del editor de la nube, haga clic en el botón Vista previa.

2. Escanee el código QR con tu dispositivo móvil para abrir un navegador web y ver una vista previa en directo del proyecto WebAR.

3. Cuando se cargue la página, se le pedirá que acceda a los sensores de movimiento y orientación (en algunos dispositivos ) y a la cámara (todos los dispositivos). Haga clic en Permitir para todas las solicitudes de permiso. Le llevará a la URL de desarrollo privado de este proyecto.

Nota: El código QR "Vista previa" que aparece en el Editor de la nube es un código QR temporal y de un solo uso, destinado únicamente a ser utilizado por el desarrollador mientras trabaja activamente en el Editor de la nube. Este código QR le lleva a una URL privada, de desarrollo, y no es accesible por otros. Para compartir su trabajo con otros , consulte la sección Publicar su proyecto.

4. Cuando se cargue la vista previa de WebAR, pulse en la superficie que tengas delante para generar modelos 3D.

5. Resultado:

Ahorrar, Construir y Aterrizar

Llegados a este punto, tiene un proyecto de RA Web totalmente operativo y lo ha previsualizado en un dispositivo móvil. A continuación, haga un cambio de código muy pequeño para ilustrar cómo actualizar el proyecto, previsualizar el nuevo código, y aterrizar los cambios en el control de código fuente.

1. Dentro de body.html del proyecto del Editor de la Nube, haga un pequeño cambio de texto en el promptText. Para el ejemplo , simplemente cambie el texto de Tocar para colocar el modelo a Tocar para comenzar.

2. Haga clic en Guardar + Construir para guardar su trabajo e iniciar una nueva construcción en la nube de su proyecto.

3. Si el navegador de su móvil sigue abierto después de escanear el código QR de Vista previa en el paso 2, su teléfono se recargará automáticamente una vez finalizada la compilación. Si la página del navegador del móvil ya no está abierta, escanee de nuevo el código QR de Vista Previa para previsualizar tus actualizaciones del proyecto.

4. Una vez satisfecho con sus cambios, aterrize el código actualizado en el control de código fuente integrado del Editor de la Nube. En la parte superior derecha de la ventana del Editor de la Nubes, haga clic en Aterrizar. El botón será verde, lo que indica que hay cambios en el proyecto que aún no se han aterrizado en el control de origen:

5. En el campo Mensaje introduzca un breve mensaje que describa los cambios realizados y, a continuación, haga clic en Aterrizar:

Publicar proyecto

El último paso es publicar en el código actualizado y aterrizado de tu proyecto utilizando el alojamiento integrado de 8th Wall. Esto permite que el proyecto pueda ser visto públicamente por cualquier persona en Internet.

Nota: Los proyectos comerciales requieren licencias comerciales adicionales cuando se lanzan. Consulea https://www.8thwall.com/pricing para más información.

1. En la parte superior derecha de la ventana del Editor de la Nube, haga clic en Publicar

2. En el modal Publicar proyecto, verá una lista de entregas (una por cada versión de código que haya aterrizado en el control de código fuente), así como las URL de desarrollo, puesta en escena y pública del proyecto. Seleccione el botón de opción superior de la columna Público para desplegar la última/nueva versión del código en la URL pública del proyecto y, a continuación, haz clic en Publicar:

3. Complete el proceso de publicación dando a su proyecto un título, una descripción y una imagen de portada. Esto aparecerá en su página de Proyectos Destacados y como vista previa cuando la comparta en plataformas sociales y aplicaciones de mensajería.

Ver el proyecto público

1. Vuelva al Panel de Control del Proyecto en la navegación izquierda. En la sección QR 8.code, se mostrará la URL pública del proyecto junto con un enlace corto 8th.io y un código QR asociado.

2. Escanee el código QR con tu dispositivo móvil para ver la experiencia Pública Web AR.