Noticias

¡RECUERDA QUE SI ERES UN NUEVO USUARIO, DEBES PRESENTARTE PARA PODER PUBLICAR MENSAJES! | TENEMOS CANAL OFICIAL DE TELEGRAM: t.me/unity3dspain

Diseño interfaz juego

Iniciado por Challenger, Mayo 14, 2017, 10:36:38 PM

Tema anterior - Siguiente tema
Mayo 14, 2017, 10:36:38 PM Ultima modificación: Mayo 14, 2017, 10:38:55 PM por Challenger
Hola! estoy mirando hacer el diseño del interfaz de un videojuego, mi duda es la siguiente, los iconos y todo lo que vemos en un juego,como por ejemplo el de la imagen, en verdad es una textura, que aplicaremos trozos de otras texturas (la de 512x512) dentro de ella, ¿cierto?
 
Mi pregunta es que pasa cuando cambian la resolución, si se adapta automaticamente o si queda "pixelada" o deformada, ¿sería mejor usar objetos 3D?
 
Y si alguien ha hecho un interfaz a nivel de diseño que limitaciones o problemas me voy a encontrar.
 
Gracias!
 

 
edito: todas mis dudas son referente a móviles

La UI o interfaz de usuario en Unity se contiene en un Canvas. Encontraras multitud de tutoriales sobre como crear una IU. El canvas se ajusta siempre a la camara. Eso significa que si usas sprites con pocos pixels tendras que probar distintas resoluciones para saber si te convence o no el resultado visual. Lo que no se da son deformaciones o degradaciones de la imagen. Simplemente es una cuestion de resolucion. El mejor consejo es usar sprites con el mismo num de pixels para evitar que en altas resoluciones se note la diferencia de nitidez entre los mismos. 

El canvas se puede ajustar a la camara o al mundo, y cada elemento UI del canvas se mueve respecto a su ancla, que puede ser un punto o un rect. Dentro del mismo canvas tenes el componente canvas scaler que maneja el tema del escalado.
 
https://docs.unity3d.com/Manual/script-CanvasScaler.html
 
SI queres que al cambiar resoluciones todo se modifique acorde tenes que setearlo como "Scale With Screen Size".
 
Si la imagen que tomas de tu spritesheet (como la imagen de 512x512) se escala no pasa nada, porque primero en Unity los sprites individuales fueron previamente divididos en el sprite editor al importar, ... si no fuera asi y se diera el caso de tomar (caso generico, seguramente sea como el Sprite editor lo realiza a lo anterior) cada sprite entero, este tiene sus uvs que van de 0 a 1 en horizontal y vertical , si tenes 5x5 iconos tenes separaciones de 0.2 en los uvs, es decir que no tenes informacion de pixeles sino de unidades ficticias. En definitiva si lo haces bien no hay problema.
 
 

Gracias por las respuestas, ya se me ha quedado claro

te recomiendo usar iconos el doble de grande de lo que van a ser en el juego por si acaso, ya que dependiendo de tu monitor pensaras que se ven de *** madre, pero puede que mas adelante mires en otros monitores y se vean mal no, lo siguiente.
 
Te digo por experiencia propia que después re-diseñar todo eso es un dolor de huevos.
 
Lo que tienes que tener muy claro es saber como y cuando utilizar un anchor o otro, si has diseñado paginas web lo entenderás..
 
yo hice un juego en unity como trabajo de fin de curso y todos mis compañeros del grupo lo hacían mal y me tocaba a mi modificar todos los menús que hacían ellos... un infierno y las ganas de asesinar a esos crecían por momentos XD 

Yo te recomiendo que te documentes un poco sobre cualquier artículo o tutorial dónde explique y muestre lo que es UX:
 
User eXperience.
 
Tiene aspectos de Diseño y de Arte. Son aquellas normas, consejos, o factores que te dicen cómo, dónde y por qué has de meter esos elementos en la pantalla, para que no sólo se vean siempre bien, sinó que sean lo más intuitivos posible, para el jugador.
 
Después de eso, busca un buen tutorial de alinear y colocar bien los controles de UI de Unity3D, en los que importa mucho el Canvas y el tipo de CanvasScaler que uses. También te aconsejarán sobre la colocación de dichos elementos , con el uso de los ANCHOR. Debes aprender a dominar todo eso, si quieres que se vea lo mejor posible, y todo centradito en su sitio, en cualquier dispositivo.
 
 

Etiquetas: