Jump to content

[TOPIC: topicViewTemplate]
[GLOBAL: userSmallPhoto]
Photo

¿Que resolución de imágenes usar?
Started by premierghost Aug 12 2016 06:55 PM

3 replies to this topic
imagenes resolucion escalado dispositivos
[TOPIC CONTROLS]
This topic has been archived. This means that you cannot reply to this topic.
[/TOPIC CONTROLS]
[modOptionsDropdown]
[/modOptionsDropdown]
[reputationFilter]
[TOPIC: post.html]
#1

premierghost

[GLOBAL: userInfoPane.html]
premierghost
  • Observer

  • 15 posts
  • Corona SDK

Hola, quería preguntar acerca de que resolución de imágenes es la mejor a usar dentro de un juego, y así no cause problemas al escalarse según el dispositivo. ¿Con una imagen de gran resolución basta o hay que crear varias con resoluciones especificas para el escalado?

 

Saludos!



[TOPIC: post.html]
#2

jalemanyf

[GLOBAL: userInfoPane.html]
jalemanyf
  • Enthusiast

  • 70 posts
  • Corona SDK

Hola PremierHost,

 

Lo mejor es que al hacer el diseño trabajes con la máxima resolución (por que siempre se está a tiempo de perder calidad...). 

 

Corona permite hacer escalados entre distintas resoluciones pero aún así lo ideal es tener 2 o 3 versiones de cada imagen para las distintas resoluciones.

 

En todo proyecto de Corona, encontraras un fichero llamado "config.lua" dónde se determina la resolución del contenido, el método para escalar (letterbox, zoomEvent o adaptive) y cuando se deben usar las distintas versiones de imagen.

 

Te adjunto uno tutoriales sobre el tema:

 

https://coronalabs.com/blog/2010/11/20/content-scaling-made-easy/

 

https://coronalabs.com/blog/2014/10/28/resolution-independence-adaptive-content-scaling-in-corona/

 

https://coronalabs.com/blog/2012/12/04/the-ultimate-config-lua-file/

 

Espero que te sea útil...

 

Atentamente,

 

Josep Alemany



[TOPIC: post.html]
#3

ccopca

[GLOBAL: userInfoPane.html]
ccopca
  • Observer

  • 2 posts
  • Corona SDK

El config.lua y el manejo de las imágenes no lo acabo de entender, a lo mejor es algo sencillo, pero por mas que leo no me queda claro. Acerca de las 2 o 3 versiones de cada imagen, estoy usando el archivo config.lua (abajo) sugerido en este foro.

Mi pregunta es para dibujar mis imágenes en photoshop, para que mi app funcione mi app en todas las versiones de iPhone, todas las tipos de iPad (incluyendo iPad mini y iPad retina).

 

1.-Son estas las imágenes que necesito?

background.jpg resolution 800x1200

background@2x.jpg  resolución 1600X2400

 

background#@4x.jpg resolución 3200x4800 

 

2.- Si mi app se descarga para un iPhone, se instalaran todo el conjunto de imágenes (1x, 2x, 4x) que no se necesitaran?

 

3.- Si desarrollo mi app únicamente para iPad, el config.lua de abajo funciona? y todavía necesito el conjunto de 3 imágenes ? o solo 2x,4x

 

Gracias

cc

 

 

local aspectRatio = display.pixelHeight / display.pixelWidth
application = {content = {width = aspectRatio > 1.5 and 800 or math.ceil( 1200 / aspectRatio ),height = aspectRatio < 1.5 and 1200 or math.ceil( 800 * aspectRatio ),scale = "letterBox",fps = 30,imageSuffix = {["@2x"] = 1.5,["@4x"] = 3},},}



[TOPIC: post.html]
#4

dodi_games

[GLOBAL: userInfoPane.html]
dodi_games
  • Contributor

  • 344 posts
  • Corona SDK

Es misma duda la tuve yo y aun no lo tengo muy claro porque solo estoy desarrollando para Android. Ahora bien, entiendo que debes tener para tu background una sola imagen de 2048x2048 exportada en Photoshop como para web & devices en jpg en resolución baja o hacer un background fill del color de tu predileccion. Para lo demás corona escala bastante bien los @2x. Yo en lo personal creo mis nuevos diseños, todos, en un proyecto 2048x2048 luego exportó e integro al código con el displayNewRect para poder ir buscando el ancho y largo adecuado para cada imagen, ese es mi @2x. Recuerda que al crear las imagenes en 2048x2048 conservas una imagen de muy buena calidad, una vez tengo mi @2x voy a la imagen original y creo el @4x que sería sumarle la mitad al @2x conservando su máxima resolución. Si no vas a desarrollar para ipad retina no creo que necesites el @4x, pero cuando haces el Build de la App todo el contenido pasa a ese Build, he visto como en el proceso del Build se excluyen algunos iconos que si no lo codificas en el config corona no los añade. No se si habra alguna manera de excluir por dispositivo lo que no sea apto para el mismo. Éxito!


[topic_controls]
[/topic_controls]