Cómo Crear Una Aplicación De Exhibición De Realidad Virtual Con Multijugador

2023 Autor: Kayla Nelson | [email protected]. Última modificación: 2023-05-24 12:02

Si alguna vez te has preguntado cómo construir tu propia sala de exhibición de realidad virtual, esta guía es para ti. La creación de un escaparate de realidad virtual tiene muchas vías interesantes que seguir: con pocas secuencias de comandos, por ejemplo, puede crear su propia sala de cine virtual o una mesa de póquer virtual para pasar el rato con sus amigos. Construir un escaparate de realidad virtual no es nada difícil, y esta guía lo guiará a través de los pasos.

Para esta guía, usaremos Archilogic y 3D.io. Archilogic también puede convertir sus planos de planta 2D en 3D, pero no es un servicio gratuito; sin embargo, ofrecen su primer plano de planta de forma gratuita. Puede hacerlo para esta guía, pero es muy recomendable que aprenda a crear sus propios modelos de planos de planta en 3D.

Requerimientos básicos:

• Plano de planta 2D que se convertirá a 3D
• Modelos 3D si desea importar sus propios muebles.
• Conocimientos en programación A-Frame + HTML.

Conversión de planos de planta 2D en viArchilogic 3D (para artistas que no son 3D)

1. Su primer paso es crear o adquirir un plano de planta 2D. Puede hacerlo usted mismo en cualquier número de programas como RoomSketcher, SketchUp, Homebyme, etc. Alternativamente, puede simplemente tomar uno en Internet mediante la búsqueda de imágenes de Google en “plano de planta 2d”.

   

2. A continuación, desea convertir su plano de planta 2D en 3D. Vaya al Panel de control de Archilogic, cree una cuenta y solicite el Modelo 3D básico; el primero es gratis, así que asegúrese de que realmente le guste su plano 2D.
3. Una vez que haya subido su plano de planta 2D, Archilogic le enviará el modelo 3D dentro de las 24 horas, que ahora se puede importar al kit de creación 3D. IO.

(Opcional) Exportación de planos de planta 3D desde SketchUp para Archilogic / 3D. IO

1. Si está familiarizado con el uso de SketchUp (anteriormente Google SketchUp), es bastante fácil exportar sus planos de planta 3D para usarlos en Archilogic. Si no está familiarizado con SketchUp, es realmente bastante fácil de usar y recomiendo aprenderlo, si desea crear planos de planta en 3D increíbles desde cero.

2. Supongamos que ha creado un plano de planta 3D en SketchUp o que ha descargado uno de la Galería 3D (colección de modelos de SketchUp enviados por el usuario). Independientemente de lo que tenga, debe cambiar las unidades del modelo a Metros para que Archilogic pueda leerlo correctamente.

   

3. A continuación, probablemente también debería eliminar los polígonos orientados hacia arriba de su techo, de modo que pueda ver el interior de su modelo 3D desde arriba, sin dejar de tener el techo al ver el modelo desde el interior.

   

4. En SketchUp, exporte su modelo como un archivo OBJ, que es el único tipo de archivo que se puede importar a Archilogic. También debes desmarcar "Exportar caras de dos caras" en las opciones de Exportación (esto vuelve a su techo).
5. Si tiene una versión anterior o no Pro de SketchUp y no puede exportar directamente como OBJ, puede exportar su modelo como archivo DAE y luego importarlo a algo como Blender para exportarlo como OBJ.
6. En cualquier caso, una vez que haya exportado su OBJ, puede ir a su Tablero Archilogic y elegir importar el modelo 3D.

Creando tus salas de realidad virtual ada

1. Una vez que tenga el modelo / plano en 3D en Archilogic, puede acceder al editor de mobiliario Archilogic para colocar muebles en sus habitaciones. Si no le gusta ninguno de los muebles y desea importar el suyo, también puede importar modelos 3D de programas como 3D Model, SketchUp, Blender, 3ds Max. Archilogic tiene documentación sobre cómo importar modelos 3D de cada uno de esos programas.
2. Si realmente está creando VR Showcase, puede seguir adelante y crear CamerBookmarks en Archilogic; estos centrarán las partes "importantes" de Cameron de su modelo, como si estuviera exhibiendo una casa. Pero si está siguiendo esta guía solo para construir su propia sala de realidad virtual, la perspectiva predeterminada en primera persona es todo lo que necesita.
3. Una vez que haya amueblado / editado su modelo 3D a su gusto, es hora de convertirlo en un escaparate de realidad virtual.
4. Vaya a 3D.io AppCreator y haga clic en "Hacer copia" en la parte superior derecha; esto clonará la plantilla actual y creará una nueva.

5. En el cuadro de "Importar escena Archilogic", pegue el código de cadena de su escena particular / modelo 3D que importó a Archilogic anteriormente. Se importará automáticamente a la escena, junto con todas las ediciones de muebles, marcadores de cámara, etc.

   

6. Una vez que su escena ha sido importada, comience a personalizarla por completo a su gusto, agregando una "imagen de fondo" (lo que parece fuera de las ventanas, básicamente).

7. Ahora, el verdadero poder de todo esto proviene del editor A-Frame / HTML. Puede acceder a esto haciendo clic en la pestaña "Código" en el Creador de aplicaciones. Aquí es donde incluirás las cosas que has codificado en A-Frame / HTML, como una mesa de póquer en tiempo real, una pantalla de cine, etc. Puedes ponerte realmente complejo con esto.

   

8. Si quieres que tu VR Showcase sea "multijugador", de modo que, por ejemplo, tus amigos puedan jugar en tu mesa de póquer o ver una película contigo, querrás un código A-Frame multijugador en tiempo real. Puedes construir uno tú mismo si tienes suficiente experiencia, o prueba uno de los siguientes códigos A-Frame habilitados para multijugador:

• WebVR AFrame multijugador en tiempo real
• AFrame en red
• GG

Con la excepción de Lance. GG, que es realmente avanzado y más para los desarrolladores de juegos reales, AFrame multijugador básicamente colocará "avatares" en tu escaparate de realidad virtual para cada persona conectada; estarán representados por "entidades" que normalmente puedes personalizar el código AFrame.

Lea las instrucciones de cada uno para ver cuál es mejor para usted; por lo general, solo colocará el código A-Frame en la sección Código 3D. O, pero es posible que también deba ejecutar el servidor en su computadora para que sus amigos se conecten.

¡Eso es!