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!
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
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
[lua]
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
},
},
}
[/lua]
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
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!
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
[lua]
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
},
},
}
[/lua]
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!