Generar un juego optimizado para web (WebGL)

Actualización de la página :
Fecha de creación de la página :

Entorno de verificación

Windows
  • Ventanas 10
  • Ventanas 11
Unity Editor
  • 2020.3.25f1

Al principio

Los juegos creados en el Editor de Unity pueden ejecutarse en el Editor de Unity, pero no pueden ejecutarse de forma independiente en otros entornos. En esta sección se describe cómo generar el juego en WebGL, un formato que ejecuta el juego en un explorador web.

Dado que la salida tarda una cierta cantidad de tiempo, es una buena idea realizar el desarrollo y la depuración normales en el editor, y la salida cuando desee realizar pruebas en el entorno de destino.

Instalación modular de WebGL

Se requieren módulos adicionales para utilizar WebGL.

Inicie Unity Hub y seleccione Instalar en el menú de la izquierda. Haga clic en el icono de engranaje de la versión en la que desea instalar WebGL y seleccione Agregar módulo.

Marque "WebGL Build Support" en el grupo de plataformas que desea instalar.

Espere a que se complete la instalación.

Acerca del juego que se va a producir

Genera el "Microjuego de plataformas 2D" como un juego, que se puede seleccionar al crear un nuevo proyecto. Por supuesto, si ya has creado un juego, por favor genera ese juego.

Se inicia el Editor de Unity y se carga tu proyecto.

Salida del juego para web

Seleccione Archivo > Configuración de compilación en el menú.

Cuando aparezca el cuadro de diálogo "Configuración de compilación", marque todas las escenas que desea usar desde "Escenas incluidas en la compilación".

Seleccione WebGL en las plataformas de la izquierda.

Si no hay un icono de Unity a la derecha del nombre del menú, no está activo, así que haga clic en el botón "Cambiar de plataforma" en la parte inferior derecha con "WebGL" seleccionado.

Cuando selecciona "WebGL", los elementos de configuración se muestran a la derecha, así que configúrelos de la siguiente manera.

Valor de configuración del elemento
Optimización de código velocidad
Otro Desenfrenado

Cuando se complete la configuración, presione el botón "Construir" para salir. Si desea ejecutarlo inmediatamente después de la salida, haga clic en el botón "Compilar y ejecutar".

Especifica el destino de salida del programa. Algunos archivos se crearán en la carpeta, por lo que puede seleccionar cualquier carpeta vacía. Si existe un archivo existente con el mismo nombre, se sobrescribirá. Tomará algún tiempo construir, así que espera un momento.

Si se muestra la siguiente pantalla de configuración del firewall, conceda permisos según su entorno. Si no está seguro, marque solo "Privado" para permitir el acceso.

Cuando se completa la compilación, se crea el archivo.

No puedes iniciar estos archivos directamente para ejecutar el juego. Siempre debe tener un servidor web y colocar su programa de juego en él antes de acceder a él con un navegador web.

Sin embargo, si presiona el botón "Build and Run" al emitir el programa, Unity iniciará un servidor web simple y ejecutará el juego después de emitir el archivo. Sin embargo, esto es solo una comprobación de funcionamiento, por lo que es necesario preparar un servidor web separado al liberarlo.

Crear un programa WebGL sin comprimir

Si genera una salida sin cambiar ninguna configuración al emitir el archivo, cada archivo se generará en un formato comprimido gzip. Esto puede reducir significativamente el tamaño del archivo en comparación con la salida sin comprimir.

Sin embargo, es posible que algunos servidores web que colocan tu juego no puedan manejar archivos comprimidos correctamente. En ese caso, el programa se genera sin comprimir y se implementa en un servidor Web.

Para cambiar la configuración de compresión, seleccione WebGL en la pantalla de configuración de compilación y haga clic en el botón "Configuración del reproductor".

El menú Reproductor debe seleccionarse en la pantalla Configuración del proyecto, así que expanda Visibilidad desde Configuración de WebGL en la parte inferior.

Hay un elemento llamado "Formato de compresión", así que seleccione "Deshabilitado" desde allí. Por cierto, también hay un formato más comprimido llamado "Brotli", pero como es un formato relativamente nuevo, menos servidores web lo admiten que gzip.

Después de seleccionar, compilar y generar como antes.

Por cierto, cuando 2D Platformer Microgame se emite con o sin estos formatos de compresión, el tamaño del archivo es el siguiente.

Tamaño total del archivo de formato comprimido
Brotli 8,1 MB
Gzip 10,0 MB
No válido 29,6 MB