Buenos días a todos. Quisiera saber como hacer para que mi juego se adapte a la pantalla del dispositivo donde se está jugando? Por ejemplo que se vea bien tanto en celulares como en computadores?
No he podido con esa parte. Muchas gracias
1. Configurar la resolución adaptable
GDevelop permite que tu juego se ajuste automáticamente al tamaño de la pantalla del dispositivo. Para ello, sigue estos pasos:
Paso 1: Configura el modo de escala en las opciones del proyecto
-
Abre tu proyecto en GDevelop.
-
Ve al menú “Project” (Proyecto) en la parte superior izquierda.
-
Selecciona “Project settings” (Configuración del proyecto).
-
En la pestaña “General”, busca la sección “Game resolution and scaling” (Resolución y escala del juego).
-
Cambia la opción “Scaling mode” (Modo de escala) a “Fit in screen”. Esto hará que tu juego se ajuste proporcionalmente al tamaño de la pantalla del dispositivo.
- Opciones disponibles para “Scaling mode”:
- No scaling: El juego no se ajustará y mantendrá su resolución original.
- Stretch to fit: Estira el juego para llenar toda la pantalla, pero puede deformar los gráficos.
- Fit in screen: Escala el juego proporcionalmente para que quepa en la pantalla sin deformarse.
- Cover the screen: Escala el juego proporcionalmente, pero puede recortar partes del juego si la relación de aspecto no coincide.
- Opciones disponibles para “Scaling mode”:
-
Guarda los cambios.
2. Define una resolución base
Es importante establecer una resolución base para tu juego. Esta será la resolución en la que diseñas y creas tu juego, y luego GDevelop se encargará de escalarla según el dispositivo.
- En la misma sección “Game resolution and scaling”, configura:
- Width (Ancho): Establece el ancho base de tu juego (por ejemplo, 800 px).
- Height (Alto): Establece el alto base de tu juego (por ejemplo, 600 px).
Estos valores serán tu punto de partida para el diseño del juego.
3. Ajusta la cámara para mejorar la experiencia
Si deseas que ciertas áreas sean visibles o que la cámara siga a un objeto específico, puedes configurar la cámara para adaptarse mejor a diferentes pantallas.
- Abre la escena donde deseas ajustar la cámara.
- En el panel de eventos, agrega un evento nuevo.
- Usa la acción “Set camera size” (Establecer tamaño de la cámara) para ajustar el área visible según el dispositivo.
- Puedes usar expresiones como
Layer.Width()yLayer.Height()para obtener el tamaño del fondo de la escena y ajustar la cámara en consecuencia.
- Puedes usar expresiones como
4. Considera la relación de aspecto
Diferentes dispositivos tienen diferentes relaciones de aspecto (por ejemplo, 16:9 en computadoras y 18:9 en algunos celulares). Esto puede hacer que partes de tu juego queden fuera de la pantalla si no lo manejas adecuadamente.
Soluciones:
- Usa elementos centrados: Diseña tu juego para que los elementos más importantes estén en el centro de la pantalla, ya que esta área siempre estará visible.
- Añade márgenes: Si usas bordes o decoraciones en los extremos de la pantalla, asegúrate de que no sean críticos para el juego, ya que podrían no verse en ciertos dispositivos.
- Crea fondos escalables: Usa imágenes de fondo que puedan repetirse o ajustarse sin problemas.
5. Prueba en múltiples dispositivos
Para asegurarte de que tu juego se ve bien en todos los dispositivos, utiliza la función de prueba en línea de GDevelop o exporta tu juego para probarlo en diferentes pantallas.
Resumen
Para que tu juego se adapte a diferentes dispositivos en GDevelop:
- Configura el modo de escala en “Fit in screen”.
- Define una resolución base adecuada.
- Ajusta la cámara según sea necesario.
- Considera la relación de aspecto y coloca elementos importantes en el centro.
- Prueba en múltiples dispositivos.
1 Like
Muchas gracias muy formal, le agradezco