Desarrollo Multipantalla

100 %
0 %
Information about Desarrollo Multipantalla
Technology

Published on November 23, 2013

Author: DiegoBezares

Source: slideshare.net

Description

Desarrollo Multipantalla

Diego bezares DEsarrollos multipantalla 1 Desarrollos multipantalla

DEsarrollos multipantalla De qué vamos a hablar A quién le puede interesar 2 Desarrollos multipantalla

DEsarrollos multipantalla A quién le puede interesar 3 Desarrollos multipantalla

Índice 1 – PRESENTACIÓN 2 - PROBLEMAS 3 - SOLUCIONES 4 Desarrollos multipantalla

Índice 1 – PRESENTACIÓN 2 - PROBLEMAS 3 - SOLUCIONES 5 Desarrollos multipantalla

ZED 6 Desarrollos multipantalla

Limitaciones técnicas 2005 - 64 kb Max jar. - 128 kb max memoria. - 128 x 128 píxeles, 176 x 208, 240 x 320 7 Desarrollos multipantalla

Limitaciones técnicas - 64 kb Max jar. - 128 kb max memoria. - 128 x 128 píxeles, 176 x 208, 240 x 320 “Menos mal que ya no hace falta optimizar tanto” ¿? 8 Desarrollos multipantalla

Limitaciones técnicas ¿ Seguro ? “Menos mal que ya no hace falta optimizar tanto” ¿? 9 Desarrollos multipantalla

Optimizar sigue siendo clave “Menos mal que ya no hace falta optimizar tanto” Junio 2.005 J2ME Nokia 6111 Noviembre 2013 . IPAD AIR - 128 x 160 = 20.000 píxeles en pantalla - 2048 x 1536 = 3.145.000 píxeles en pantalla - 500 kb jar - 100 MB / 2 GB Ipa - 2 MB memoria - 1024 MB Memoria. Ejecutable ( jar ) : 500Kb / 20.000 = 25 ( bytes/ pixel ) Memoria : 2MB / 20.000 = 102 ( bytes / pixel ) Ejecutable ( Ipa ) : 100 MB / 3.145.000 = 33 ( bytes / pixel ) “memoria” 1024 MB / 3.145.000 = 341 ( bytes / pixel ) Ahora es técnicamente más fácil hacer UN [mal] juego. Ahora es técnicamente más difícil hacer un BUEN juego. 10 Desarrollos multipantalla

Zinkia 11 Desarrollos multipantalla

BKOOL 12 Desarrollos multipantalla

G4M3 13 Desarrollos multipantalla

Proyectos propios 14 Desarrollos multipantalla

METALLICARS Queremos llenar los píxeles de cualquier pantalla con píxeles de calidad. ( y no de imágenes reescaladas ) 15 Desarrollos multipantalla

Índice 1 – PRESENTACIÓN 2 - PROBLEMAS 3 - SOLUCIONES 16 Desarrollos multipantalla

Problemas → 17 muchos problemas distintos Desarrollos multipantalla

Problemas → 18 Fragmentación infinita Desarrollos multipantalla

Problemas → 19 DPI de la pantalla Desarrollos multipantalla

Problemas → 20 escalado de pÍXELES Desarrollos multipantalla

Problemas → 21 Desarrollos multipantalla Aspect Ratio

Problemas → 22 Desarrollos multipantalla ASPECT RATIO

Problemas → 23 Desarrollos multipantalla Tamaño físico

Problemas → 24 Desarrollos multipantalla Tamaño físico

Problemas → 25 Desarrollos multipantalla Tamaño físico

Problemas → 26 Desarrollos multipantalla Tamaño físico

Problemas → 27 idéntica lógica de juego Desarrollos multipantalla

Problemas → 28 idéntica lógica de juego Desarrollos multipantalla

Problemas → 29 Visualización != afecta al juego Desarrollos multipantalla

Problemas → 30 Visualización != afecta al juego Desarrollos multipantalla

Problemas → 31 maquetación sencilla Desarrollos multipantalla

Problemas → - ¿ Alemán ? ¿ Chino ? . - Testeo 32 Desarrollos multipantalla Texto

Problemas → 33 Muchos píxeles que pintar Desarrollos multipantalla

Índice 1 - PRESENTACIÓN 2 - PROBLEMAS 3 - SOLUCIONES 34 Desarrollos multipantalla

Soluciones → - “ya lo portaré” 35 Desarrollos multipantalla Tomar decisiones

Soluciones → Independencia el dpi de pantalla Unidades virtuales 36 Desarrollos multipantalla

Soluciones → Sets de gráficos ( píxeles ) Unidades virtuales Maquetación y lógica de juego ( unidades virtuales ) Pantalla dispositivo (píxeles ) Ipad2 Ipad Air 37 Desarrollos multipantalla

Soluciones → Plantillas para arte - ¿ A qué tamaño ( píxeles ) se hacen en arte las imágenes del juego ? - Decidir nuestras “unidades virtuales”. - Independiente del Set de gráficos final. 38 Desarrollos multipantalla

Soluciones → Plantilla para arte - Imágenes sin escalar en unidades virtuales. - Todas las imágenes de un set de gráficos al mismo DPI, en la misma escala de tamaños. 39 Desarrollos multipantalla

Soluciones → 40 Cámara ortográfica Desarrollos multipantalla

Soluciones → 41 Cámara 2D : Zoom, scroll... Desarrollos multipantalla

Soluciones → Area de seguridad para A.R Aspect Ratio 42 Desarrollos multipantalla

Soluciones → Area de seguridad - Solucionamos varios problemas graves. - Otros no tienen que ver ( tamaño fisico .. ) - “área de seguridad” muy vacía. 43 Desarrollos multipantalla

Soluciones → Area de seguridad Opción 1 : - Mantener A.R en maquetación. - Excepciones :Alinear ciertos elementos a la pantalla … - Más WYSIWYG - No automático. 44 Desarrollos multipantalla

Soluciones → Area de seguridad Opción 2 : - No mantener A.R en la maquetación. Reajustar - Mantener A.R de imágenes. - Automático 45 Desarrollos multipantalla

Soluciones → 46 Area de seguridad Desarrollos multipantalla

Soluciones → 47 Desarrollos multipantalla Sets de gráficos

Soluciones → 48 Desarrollos multipantalla SETS GRAFICOS

Soluciones → 49 Desarrollos multipantalla “Borders”

Soluciones → Otros trucos - Degradado en fondo Candy Crush. - Mapa muy grande - Tilear, repetir... 50 Desarrollos multipantalla

A tener en cuenta → 51 Desarrollos multipantalla MipMapping

A tener en cuenta → 52 COMPRESIóN HARDWARE Desarrollos multipantalla

A tener en cuenta → Formato COMPRESIóN HARDWARE Tamaño en Tamaño en disco memoria Rendimie nto pintado Tiempo de carga PVRTC Poco, comprimid o Poco, comprimido + zip mejor Muy poco Sin comprimir 32 bits 4 * 512 * 512 = 1mb 1mb comprimido en zip normal poco PNG 32 bits 4 * 512 * 512 = 1mb Png + zip 53 Desarrollos multipantalla normal Mucho. ( descomprime PNG a memoria por software )

Soluciones → Tamaño físico de botones.. - Mantener el tamaño físico de ciertos elementos - Usar Zoom si podemos. ( scrolls … ). - Maquetación según tamaño ( móvil, tablet... ) 54 Desarrollos multipantalla

Soluciones → Tamaño físico de botones.. - Varias cámaras virtuales - Cada cámara tiene estrategias distintas - HUD ( zoom ), juego, etc ... 55 Desarrollos multipantalla

Soluciones → Tamaño físico de botones.. - Probar continuamente en nuestro menor dispositivo. - Plantillas 56 Desarrollos multipantalla

Soluciones → WEB : responsive design . 57 Desarrollos multipantalla

Soluciones → Qué dice Google - http://developer.android.com/guide/practices/screens_support.html - Provide different layouts for different screen sizes - Android resizes your application layout to fit the current device screen. In most cases, this works fine . - Density-independent pixel (dp) A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way. The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen 58 Desarrollos multipantalla

Soluciones → Qué dice Google - Do not use hard coded pixel values in your application code. ( usar unidades virtuales ). - Do not use AbsoluteLayout (it's deprecated). - Nine-Patch drawables . ( borders ) . . - Varios sets de graficos. Provide different bitmap drawables for different screen densities 59 Desarrollos multipantalla

Soluciones → Google . Multiple APK Support - Publish different APKs for your application, but share the same application listing on Google Play - we encourage you to develop and publish a single APK. You should generally use multiple APKs to support different device configurations only when your APK is too large (greater than 50MB) due to the alternative resources needed for different device configurations. . - Support different OpenGL texture compression formats with each APK. - Support different screen sizes and densities with each APK. - Support different platform versions with each APK, different CPU architectures ( ARM, x86, and MIPS, when your app uses the Android NDK) 60 Desarrollos multipantalla

Soluciones → - Maquetación Iphone ( + variante iphone 5 ) + Maquetación Ipad - Set gráficos normal Iphone + Set gráficos retina Iphone + Set gráficos normal Ipad + Set gráficos retina Ipad - 1 ó 2 “Ipas” ( Iphone / Ipad ), nunca más de 2. 61 Desarrollos multipantalla Qué dice Apple

Soluciones → REsumen - 1 ó varias maquetaciones. Tamaño físico. - Cada maquetación es “fluida” y DPI independiente - Sets de gráficos. Transparente el cambio de set - Unidades virtuales. - Cámara 2D virtual con área de seguridad. - Plantilla para arte. 62 Desarrollos multipantalla

PREGUNTAS Gracias ! . @diegobez

Add a comment

Related presentations

Related pages

Desarrollo multipantalla de Televisa con tecnología ...

Harmonic anunció que Televisa, ha construido un servicio multipantalla a gran escala, con la ayuda de su suite ProMedia, y la tecnología de MediaGrid.
Read more

Hacemos aplicaciones para el nuevo mundo multipantalla ...

Cycle-IT le ofrece un completo servicio de diseño y desarrollo de software para que su empresa aproveche al máximo el nuevo mundo multipantalla.
Read more

Desarrollo de videojuegos multipantalla #gvmad - facebook.com

Diego Bezares, desarrollador con gran trayectoria en la industria que actualmente trabaja en el proyecto Metallicars, nos hablará sobre cómo afrontar ...
Read more

Curso de Desarrollo Profesional Contenidos Multipantalla ...

El Curso de Desarrollo Profesional “Contenidos Multipantalla, Televisión y Negocio Digital” analiza las posibilidades que ofrece el escenario ...
Read more

EL EFECTO MULTIPANTALLA – Adictivos Online

El efecto multipantalla es un nuevo fenómeno que se originó junto al desarrollo de las Nuevas Tecnologías de la Información y la Comunicación.
Read more

Boya.ca - Desarrollo de aplicaciones multipantalla para ...

Boya.ca - Point Site Boyacá. Aplicación móvil para localización geográfica para Android - Duration: 54:30. Campus Party 195 views
Read more

Desarollo Multipantalla: Estrategias de Design de e-mail y ...

Desarollo Multipantalla: ... Descarga nuestro whitepaper y obtenga consejos para el desarrollo de una estrategia de design de correo electrónico ...
Read more

Desarrollo Web Responsive (Multipantalla) - elg-asesores.com

El diseño web Responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos ...
Read more

Desarrollo de Juegos Multi-Pantalla by Carlos Terrazas on ...

Adaptable, responsive, independientes del dispositivo? Desarrollo de Juegos Multi-Pantalla Extendiendo la experiencia más allá de los bordes Veamos ...
Read more

Multimonitor - Wikipedia, la enciclopedia libre

Varios sistemas multipantalla en una sala ... una visualización de VGA para el programa bajo el desarrollo y una tarjeta de Hercules de monocromo ...
Read more