BASIC

Author Topic: Imagenes Deformadas en los móviles  (Read 8263 times)

Offline mentalthink

  • Prof. Inline
  • *****
  • Posts: 3366
  • Integrated Brain
    • View Profile
Imagenes Deformadas en los móviles
« on: 2011-Jul-21 »
Hola esta pregunta, creo que Hark0 tuvo un problema similar hace tiempo, pero no me acuerdo como se solventa.

Bien tengo una serie de imagenes que son bastante largas, en el PC, se vén bien, en cambio en cualquier dispositivo salen como alargadas.

Las images son de 2400x320 a 72dpi desde Photohshop.

He intentado quitar los SetScreen al igual que ponerle el parámtro TRUE y FALSE, y nada no me sale correctamente.

Un saludo,
Iván J.

Offline Slydog

  • Prof. Inline
  • *****
  • Posts: 930
  • KodeSource
    • View Profile
    • KodeSource
Re: Imagenes Deformadas en los móviles
« Reply #1 on: 2011-Jul-21 »
Mobile devices have lower resolution limits for images.
iPhone for example can only handle images upto 1024 x 1024.
Either rearrange the image by making it more square, or split it into multiple images, and adjust your code.

Sorry for posting in English.  Google translate converted your post into English but didn't tell me what language it was! ha.
Spanish?  (I recognized 'harko', 'photoshop', 'setscreen', 'true', and 'false' on my own!)
« Last Edit: 2011-Jul-21 by Slydog »
My current project (WIP) :: TwistedMaze <<  [Updated: 2015-11-25]

Offline mentalthink

  • Prof. Inline
  • *****
  • Posts: 3366
  • Integrated Brain
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #2 on: 2011-Jul-21 »
Hi Slydog, don´t care about the lenguaje.

Thanks in advance about the solution, I thinked in this, and some time ago a make it. But how I have some layer, I wanted have minus work.

Thanks I go to try this.

Kind Regards, and participate every time when you want, here all people understand English, and you have very cool  and useful code Snipets.

Iván J.

Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #3 on: 2011-Jul-22 »
Llego tarde a la respuesta... pero como se ha comentado, tendrás que trocear las imágenes grandes y cargarlas por partes...

Creo que tiene que ver con el tamaño asignado de pantalla. Vamos, que si tu aplicación es 1024x768, ése es el tamaño a utilizar por los trozos...

Por lo menos yo lo hago siempre así... corregidme si me equivoco.

Saludos.
http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic

Offline mentalthink

  • Prof. Inline
  • *****
  • Posts: 3366
  • Integrated Brain
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #4 on: 2011-Jul-22 »
Hola Hark0, si al final he hecho esto y me funciona correctamente, aunque he probado con trozos de 1024x320 y funciona, pero va demasiado lento, voy a ver si a 480x320, gano algo de velocidad.

Un saludo,
Iván J.

Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #5 on: 2011-Jul-22 »
Ojo! Yo suelo trabajar con png's con paleta de 256 colores... no 24 bits de profundidad... la velocidad en todo es superior al no tener que cargar tanto dato...

Evidentememte dependerá de lo optimizada que esté tu imagen (PSD va de perlas para todo esto).

;)
http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic

Offline msx

  • Prof. Inline
  • *****
  • Posts: 773
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #6 on: 2011-Jul-22 »
A mí es que los PNG a veces no me respeta las transparencias y tengo que pasarlo a BMP con el consiguiente aumento de peso en los archivos.

Offline mentalthink

  • Prof. Inline
  • *****
  • Posts: 3366
  • Integrated Brain
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #7 on: 2011-Jul-22 »
MSX, el tema de las transparencias te refieres con Photoshop?¿,

si es así, hay cosas que no salen muy bien como por ejemplo cuando haces un Glow o desenfoque, creo que he leido que con un comando no recuerdo muy bien como se llama SmoothShade o algo asi, te hace mejor y mas lento el comportamiento del dispositivo (Tiene dos parametros Nearest y Fast creo). No se si servirá, nunca lo he probado.

Yo con el tema de los .PNG no tengo nunca ningun problema porque los saco directamente desde el software que use de 3D, y suelo grabarlo en .PNG a 24 bits, no hace falta nada de mascaras ni nada como he leído por algún sitio, y con el fondo negro con valores RGB (0,0,0) , no de color Magenta.


Offline msx

  • Prof. Inline
  • *****
  • Posts: 773
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #8 on: 2011-Jul-23 »
No, el problema lo tengo con el RGB(255,0,128) que no me lo coge a veces como transparente hasta que no lo paso a BMP.

Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #9 on: 2011-Jul-23 »
Para transparencias en paleta de 256 colores, empleo RGB(255,0255) - Magenta.

Para las imágenes de 24 bits, utilizo la misma transparencia de PSD, la "cuadricula" que muestra photoshop... supongo que ya me entendéis...


Sobre transparencias GLOW o con degradao en los bordes, yo empleo dos imágenes y queda PERFECTO. Luego busco una muestra de esto y lo posteo en el foro ES.

Saludos
http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic

Offline msx

  • Prof. Inline
  • *****
  • Posts: 773
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #10 on: 2011-Jul-23 »
Te lo agadecería enormemente  :good:

Offline mentalthink

  • Prof. Inline
  • *****
  • Posts: 3366
  • Integrated Brain
    • View Profile
Re: Imagenes Deformadas en los móviles
« Reply #11 on: 2011-Jul-23 »
Hark0 no entiendo muy bien como haces lo del Glow o con el Blur, yo lo he probado y siempre en las partes que están difuminadas quedá mal o sea no tiene la transparencia gradual, siempre tengo que "hechar" mano del Alphamode.

Explicanos ese truqillo tan majo.   :good:


Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #12 on: 2011-Jul-24 »
Buscando el código fuente en mi HDD... creo que debe andar en algún backup... si no lo encuentro hoy mañana preparo una prueba rápida.

Saludos.
http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic

Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #13 on: 2011-Jul-24 »
Para el tema de líneas GLOW, sugiero descargar el juego de Gernot, http://www.glbasic.com/showroom.php?site=games&game=Scramble
http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic

Offline Hark0

  • Prof. Inline
  • *****
  • Posts: 1020
  • Geek Developer
    • View Profile
    • LitioPixel - Desarrollo de videojuegos con GLBasic | Videogame development with GLBasic
Re: Imagenes Deformadas en los móviles
« Reply #14 on: 2011-Jul-24 »
He encontrado mis test...

Bueno, creo que el "truquillo" ya lo sabéis... ya que Iván ha comentado lo de Alphamode...

Comenté lo de emplear dos imágenes porque en mis pruebas tenia una imagen para las "sombras" o efectos degradados y otra que pintaba por encima que no tenía ningún efecto.

Realmente no es necesario para nada dos imágenes. Se pueden representar en pantalla imágenes con efectos degradados empleando este código fuente:

   ALPHAMODE -1
   DRAWSPRITE imagen_png_24bits.png,x,y
   ALPHAMODE 0

Adjunto la muestra de la imagen PNG y cómo la guardo desde Photoshop así como la muestra de cómo queda en pantalla.

La imagen tiene formato png 24-bit sin la capa de fondo acoplada...

Disculpas anticipadas si esperábais algo más novedoso...



http://litiopixel.blogspot.com
litiopixel.blogspot.com - Desarrollo videojuegos Indie · Pixel-Art · Retroinformática · Electrónica Development Indie Videogames · Pixel-Art · Retrocomputing · Electronic