Unity Spain

Post Antiguos => General (Antiguo) => Mensaje iniciado por: Challenger en Mayo 14, 2017, 10:36:38 PM

Título: Diseño interfaz juego
Publicado por: Challenger en Mayo 14, 2017, 10:36:38 PM
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
Título: Diseño interfaz juego
Publicado por: AntonioV360 en Mayo 14, 2017, 11:49:45 PM
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. 
Título: Diseño interfaz juego
Publicado por: lightbug en Mayo 15, 2017, 05:29:08 AM
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 (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.
 
 
Título: Diseño interfaz juego
Publicado por: Challenger en Mayo 15, 2017, 05:33:09 AM
Gracias por las respuestas, ya se me ha quedado claro
Título: Diseño interfaz juego
Publicado por: Kvashir en Agosto 11, 2017, 01:21:44 PM
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 
Título: Diseño interfaz juego
Publicado por: pioj en Agosto 12, 2017, 06:23:30 AM
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.