Capitulo 4 Ok

ANDROID
jueves 13 de septiembre de 2012
Diseo de pantalla de bienvenida

En concreto, la pantalla debera mostrar algo de informacin acerca de la aplicacin (ttulo y la informacin de versin) en una forma visualmente atractiva y, a continuacin, despus de un perodo corto de tiempo, automticamente pasa a la pantalla del men principal. La siguiente gura proporciona un diseo aproximado de la pantalla de bienvenida.
Diseo en bruto de la pantalla de bienvenida del juego
Diseo de pantalla de bienvenida
Por el momento, se centrar en el diseo de la pantalla de inicio en el modo de portrait, pero que tratar de evitar el difcil esfuerzo de adaptacin para el modo landscape.
Con el diseo simple de la pantalla de inicio, se asegurar de que los elementos pueden escalar razonablemente bien a otras orientaciones, a condicin de modificar la fuente y el tamao de grficos posteriormente.
Implementar un diseo de pantalla de bienvinida

Ahora que sabemos cmo la pantalla de bienvenida debe lucir, es necesario traducir el diseo en bruto en el diseo de la disposicin apropiada.
Recordemos que el archivo /res/layout/splash.xml es utilizado por QuizSplashActivity. Es necesario actualizar el diseo predeterminado, que simplemente muestra un solo control TextView (informar que es la pantalla de inicio) para contener los controles para cada uno de los elementos en el diseo en bruto.
Implementar un diseo de pantalla de bienvenida

El control en el diseo de la pantalla viene en muchas formas. Cada control es un rectngulo que puede controlar una parte especfica de la pantalla. Vamos a utilizar dos controles comnes en la pantalla de bienvenida: Un control TextView que muestra una cadena de texto en pantalla. Un control ImageView muestra una grfica en pantalla. Tambin se necesita de alguna manera organizar varios controles View en la pantalla de una manera ordenada. Para ello, utilizaremos los controles de diseo. Por ejemplo, LinearLayout permite la colocacin de controles desde el punto de vista de padres/hijos, en posicin de pila vertical u horizontal.
Implementar un diseo de pantalla de bienvenida

Adems de LinearLayout, hay una serie de otros controles de diseo. Los Diseos se pueden anidar y ser solo elemento de un control en la pantalla, o bien puede controlar toda la pantalla. Es muy comn que una pantalla sea encapsulada en una matriz de gran diseo, a menudo es un control LinearLayout.
Qu es un Layout?
Los desarrolladores de Android utilizan este trmino para referirse a disposicin de una de dos cosas. Las dos deniciones de diseo son: Un tipo de recurso que dene lo que se dibuja en la pantalla. Recursos de diseo se almacenan como archivos XML en el directorio res/layout, que es el directorio de recursos para el diseo de UI`s de la aplicacin. Un recurso de diseo es simplemente una plantilla para una pantalla de interfaz de usuario, o parte de una pantalla, y contiene un tipo de clase View, cuyo principal propsito es organizar otros controles. Estas clases de diseo (LinearLayout, RelativeLayout, TableLayout, etc) se utilizan para mostrar los controles secundarios, tales como controles de texto o botones o imgenes en la pantalla. Interfaces de usuario de Android se puede denir como recursos de diseo en XML o creados mediante programacin.
Diseo de controles Layout comunes
Linearlayout
Framelayout
Tablelayout
Relativelayout
Los diseos y sus controles secundarios View tienen ciertos atributos que ayudan a controlar su comportamiento.
Por ejemplo, todos los modelos comparten las caractersticas android: layout_width y android: layout_height, que controlan el ancho y el alto de un elemento.
Los valores de los atributos pueden ser las asignadas a dimensiones, tales como un nmero en pxeles, o utilizar un enfoque ms flexible: fill_parent o wrap_content.
Usando fill_parent instruye un diseo a escala del tamao de la matriz de diseo, y el uso de wrap_content "envuelve" el control secundario, dndole slo el espacio de las dimensiones del control secundario View. Ejemplo Un nmero de otras propiedades interesantes se puede utilizar para controlar el comportamiento de diseo especfico, como los mrgenes y los atributos de diseo especficos del tipo. Considerar de que no todas las propiedades son comunes para todos los Controles View.
En el diseo de pantalla de inicio, puede utilizar un control LinearLayout vertical para organizar los elementos de la pantalla, que son, en este orden: un control TextView, un control TableLayout con algunos elementos de control TableRow de los controles ImageView, y luego dos controles mas de tipo TextView.
Diseo de la disposicin de la pantalla de bienvenida del juego
Adicion de nuevos recursos del proyecto

Ahora que tenemos un esquema trazado de la pantalla de inicio, es necesario crear varios recursos de cadena, de color, dimensin y otros recursos a utilizar en el diseo. Se empieza por la adicin de cuatro nuevos recursos grficos al directorio /res/drawable (crear el directorio, si es necesario): splash1.png, splash2.png, splash3.png y splash4.png. Estos grficos se muestran en el control TableLayout en el centro de la pantalla de inicio.
Adicion de nuevos recursos del proyecto

A continuacin, puede aadir tres nuevas cadenas al archivo de recurso /res/values/strings.xml: Uno para el ttulo superior (Been There), una para el ttulo final(Done That!), y una cierta informacin de versin (varias lneas ). Tcnicamente, ahora se puede quitar la cadena de bienvenida, porque ya no se estara utilizando. Deberiamos tener algo como esto: <resources> <string name="app_name">Been There, Done That!</string> <string name="help">Help Screen</string> <string name="splash">Splash Screen</string> <string name="settings">Settings Screen</string> <string name="game">Game Screen</string> <string name="scores">Scores Screen</string> <string name="app_logo_top">BEEN THERE</string> <string name="app_logo_bottom">DONE THAT!</string> <string name="app_version_info">Version 1.0.0\nCopyright 2012 Empresa, Inc. All Rights Reserved. </string> </resources>
Adicin de nuevos recursos del proyecto

A continuacin, se crea un nuevo archivo de recursos llamado /res/ values/colors.xml para contener los tres recursos de color que usted necesita: una para el color del texto del ttulo (un amarillo dorado), uno para el color del texto versin (blanco grisceo), y uno para el color de fondo la versin de texto (azul oscuro). Deberiamos tener esto: <resources> <color name="logo_color">#FFFF0F</color> <color name="version_color">#f0f0f0</color> <color name="version_bkgrd">#1a1a48</color> <color name="title_color">#f0f0f0</color> <color name="title_glow">#F00</color> </resources>
Adicin de nuevos recursos del proyecto
Por ltimo, es necesario crear algunos recursos de dimensin en un nuevo archivo de recursos llamado /res/values/dimens.xml. Puede crear tres valores de nueva dimensin: una para controlar el tamao de fuente del ttulo (24 puntos), uno para controlar el tamao de la letra la versin de texto (5pt), y uno para permitir la buena lnea de separacin entre las lneas del texto de la versin (3 puntos). <resources> <dimen name="logo_size">24pt</dimen> <dimen name="version_size">5pt</dimen> <dimen name="version_spacing">3pt</dimen> </resources>
Actualizacion del diseo Splash Screen

Se puede modificar el diseo splash.xml existente, pero a veces es ms fcil empezar de cero mediante el editor de diseo de recursos de Eclipse para eliminar todos los controles existentes. Siga los siguientes pasos para generar el diseo que desee, con base en su esquema de objeto trazado : 1. Comience agregando un control LinearLayout nuevo y estableciendo su atributo de fondo a @android:color/black y su orientacin a vertical. Todos los controles posteriores se agregaron dentro del control LinearLayout. Es ms fcil de usar a menudo la vista Esquema de Eclipse para agregar controles View dentro de unos a otros o moverlos.
2. Agregue un control TextView llamado TextViewTopTitle. Establecer layout_width a fill_parent y layout_height a wrap_content. Ajuste los atributos para el control de texto para referenciar al recurso de cadena, su atributo textColor al recurso de color amarillo, y su TEXTSIZE a la dimensin de los recursos que ha creado. 3 . A g r e g u e u n c o n t r o l Ta b l e L a y o u t l l a m a d o TableLayout01. Establecer layout_width to fill_parent y layout_height to wrap_content. Asimismo, defina stretchColumns atributo a , para estirar una columna, segn sea necesario, para ajustarse a la pantalla.

4. Dentro del control TableLayout agregar un control TableRow. Dentro del control TableRow agregar dos controles ImageView. Para el primer control ImageView, establezca el atributo src para el recurso drawable splash1.png @drawable/splash1. Agregue un segundo control ImageView y establezca su atributo src en el archivo de recursos splash2.png. 5. Repita el paso 4, para la creacin de un segundo control TableRow. Una vez ms, agregar controles ImageView para splash3.png y splash4.png.

6. Por mas que en el paso 2 se haya hecho, a g r e g u e o t r o c o n t r o l Te x t V i e w l l a m a d o TextViewBottomTitle en el LinearLayout padre. Establecer su atributo layout_width a fill_parent y layout_height a wrap_content. Establecer su atributo de texto a la cadena del caso, el atributo textColor al color amarillo y su atributo TEXTSIZE a la dimensin de los recursos que ha creado.

7. Para la informacin de versin, crear un ltimo control TextView, llamado TextViewBottomVersion. Establecer su atributo layout_width a fill_parent y layout_height a fill_parent. Establezca su atributo de texto a la cadena de su caso, el atributo textColor al color grisceo, y su atributo TEXTSIZE a la dimensin de los recursos que cre anteriormente. Adems, establezca su atributo antecedente del recurso de color (azul oscuro) y lineSpacingExtra al valor de la dimensin de los recursos espacio que ha creado. 8. Ajustar la configuracin de layout_gravity y la gravedad de los diversos controles hasta que la disposicin parece razonable en la vista previa editor de recursos de Eclipse.

En este punto, guarde el archivo de diseo splash.xml y ejecute la aplicacin del juego en el emulador de Android. La pantalla de bienvenida debe verse como se muestra en la siguiente figura. Estara bien hasta aqu, salvo que la pantalla de inicio an carece de dinamismo. Adems, usted necesita una cierta forma de transicin de la pantalla de bienvenida a la pantalla del men principal.
Pantalla de bienvenida del juego
Trabajar con animacin

Una gran manera de aadir movimiento a la pantalla de inicio sera aadir un poco de animacin. La plataforma Android es compatible con cuatro tipos de animacin de grficos: Animated GIF images: son archivos grficos autnomos con varios marcos. Frame-by-frame animation: El SDK de Android proporciona un mecanismo similar para la animacin fotograma por fotograma en el que el desarrollador proporciona los cuadros grficos individuales y las transiciones entre ellas (Sera abordada en la clase AnimationDrawable).

Animacin interpolada: Es un mtodo simple y flexible de definicin de las operaciones concretas de animacin que se pueden aplicar a cualquier diseo. OpenGL ES: La API OpenGL ES Android proporciona funciones avanzadas de dibujo en tres dimensiones, iluminacin, animacin, y las capacidades de texturizado. Para la aplicacin, la animacin interpolada es la que tiene ms sentido. Android proporciona apoyo a la interpolacin de alpha (transparencia), rotacin, escalado, y la traduccin en movimiento de animaciones.

Puede crear grupos de operaciones de animacin, se puede hacer al mismo tiempo, en una secuencia de tiempo, y despus de un retraso. Por lo tanto, la animacin interpolada es una opcin perfecta para nuestra pantalla de inicio. Con la animacin interpolada, se crea una secuencia de animacin, ya sea mediante programacin o mediante la creacin de recursos de animacin en el directorio /res/ anim.xml . Cada secuencia de animacin tiene necesidades de sus propios archivos XML, pero la animacin se puede aplicar a cualquier nmero de controles View. Usted puede utilizar las animaciones previstas incorporadas en la clase android.R.anim.
Adicion de recursos de animacion

Para la pantalla de inicio, deber crear tres animaciones personalizadas en XML y guardarlos en el directorio de recurso /res/anim/fade_in.xml, fade_in2.xml y custom_anim.xml. La primera animacin, fade_in.xml, simplemente desvanece su objetivo de un valor alfa de 0 (transparente) a un valor alfa de 1 (opaco) a lo largo de 2500 milisegundos o 2.5 segundos.

El XML para la animacin fade_in.xml se parece a esto: <?xml version=1.0 encoding=utf-8 ?> <set xmlns:android=http://schemas.android.com/apk/res/android android:shareInterpolator=false> <alpha android:fromAlpha=0.0 android:toAlpha=1.0 android:duration=2500> </alpha> </set>

Puede aplicar esta animacin en la parte superior de control TextView con su texto del ttulo. A continuacin, se crea la animacin fade_in2.xml. Esta animacin hace exactamente lo mismo que la animacin fade_in, salvo que se establece el atributo startOffset a 2500 milisegundos. Esto significa que esta animacin realmente tomara 5 segundos en total: Se espera 2.5 segundos y luego se desvanece en el 2.5 segundos. Debido a 5 que segundos es el tiempo suficiente para mostrar la pantalla de inicio, usted debe planear para escuchar fade_in2 para completar y luego el paso a la pantalla del men principal.
Por ltimo, se necesita una cierta secuencia de animacin diversa para los grficos del TableLayout. En este caso, el conjunto de animacin contiene varias operaciones, simultneas: una rotacin, algunos escalados, y una transicin alfa. Como resultado, el objetivo ser ver girar a la grafica existente.

El archivo custom_anim.xml se parece a esto:
<?xml version=1.0 encoding=utf-8 ?> <set xmlns:android=http://schemas.android.com/apk/res/android android:shareInterpolator=false> <rotate android:fromDegrees=0 android:toDegrees=360 android:pivotX=50% android:pivotY=50% android:duration=2000 />

<alpha android:fromAlpha=0.0 android:toAlpha=1.0 android:duration=2000> </alpha> <scale android:pivotX=50% android:pivotY=50% android:fromXScale=.1 android:fromYScale=.1 android:toXScale=1.0 android:toYScale=1.0 android:duration=2000 /> </set>
Como puede ver, la operacin de rotacin es de 2 segundos para girar de 0 a 360 grados, girando alrededor del centro de la vista.
La operacin alfa debe resultarle familiar, sino que simplemente se desvanece en el mismo perodo de 2 segundos.
Por ltimo, el aumento de la escala del 10% al 100% durante el mismo perodo de 2 segundos. Esta animacin completa dura 2 segundos para completar. Despus de haber guardado los tres archivos de animacin, puede comenzar a aplicar las animaciones de los puntos de vista especficos.
Animacion de puntos de vista especificos
Las animaciones deben ser aplicadas y administradas mediante programacin.

Las operaciones costosas, tales como animaciones, deben interrumpirse si la solicitud est en pausa por alguna razn. La animacin se reanuda cuando la aplicacin se vuelve al primer plano.

Comencemos con un caso ms sencillo: la aplicacin de la animacin fade_in a su ttulo de control TextView, llamado TextViewTopTitle. Todo lo que se necesita hacer es recuperar una instancia del control TextView en el onCreate () de la clase QuizSplashActivity, cargar el recurso de la animacin en un objeto de Animation, y llamar al metodo startAnimation() del control TextView: TextView logo1 = (TextView) findViewById(R.id.TextViewTopTitle); Animation fade1 = AnimationUtils.loadAnimation(this, R.anim.fade_in); logo1.startAnimation(fade1);

Cuando una animacin debe ser detenida por ejemplo, en el OnPause () de la actividad, simplemente llame al metodo clearAnimation ().El OnPause () siguiente se muestra este mtodo para los logotipos de la esquina: @Override protected void onPause() {
super.onPause(); // Stop the animation TextView logo1 = (TextView) findViewById(R.id.TextViewTopTitle); logo1.clearAnimation(); TextView logo2 = (TextView) findViewById(R.id.TextViewBottomTitle); logo2.clearAnimation(); // ... stop other animations
}
Animacin de todas las vistas en un diseo

Adems de aplicar animaciones a controles individuales View, tambin puede aplicarse a cada control secundario View dentro de un diseo (como a cada TableLayout y TableRow), utilizando LayoutAnimationController.
Para animar controles View de esta manera, debe cargar la animacin, crear LayoutAnimationController, configurar segn sea necesario, y luego llamar al mtodo setLayoutAnimation() del diseo.
Animacin de todas las vistas en un diseo

Por ejemplo, el cdigo siguiente carga la animacin anim custom_, crea un LayoutAnimationController y, a continuacin se aplica a cada TableRow en el control TableLayout: Animation spinin = AnimationUtils.loadAnimation(this, R.anim.custom_anim); LayoutAnimationController controller = new LayoutAnimationController(spinin); TableLayout table = (TableLayout) findViewById (R.id.TableLayout01); for (int i = 0; i < table.getChildCount(); i++) { TableRow row = (TableRow) table.getChildAt(i); row.setLayoutAnimation(controller); }
Animacion de todas las vistas en un diseo

No hay necesidad de llamar a cualquier metodo startAnimation() en este caso.
Usando este mtodo, la animacin se aplica a cada punto de vista Hijo, pero cada uno comienza a un tiempo diferente. (El valor predeterminado es de 50% de la duracin de la animacin, que, en este caso, sera de 1 segundo). Esto le da el bonito efecto de cada giro ImageView a la existencia de un modo en cascada.
Animacion de todas las vistas en un diseo

Detener animaciones LayoutAnimationController no es diferente de detener animaciones individuales: utilizamos el metodo clearAnimation (). Las lneas adicionales existentes para hacer esto en el metodo OnPause() se muestran a continuacin:
TableLayout table = (TableLayout) findViewById (R.id.TableLayout01); for (int i = 0; i < table.getChildCount(); i++) { TableRow row = (TableRow) table.getChildAt(i); row.clearAnimation(); }
Manejo de animacion del ciclo de vida de eventos

Ahora tenemos que hacer la transicin a QuizSplashActivity QuizMenuActivity cuando las animaciones son completadas.
Para esto, se crea un control Intent nuevo para poner en marcha la clase QuizMenuActivity y llamar al metodo startActivity(). Tambin debe llamar al mtodo finish() de QuizSplashActivity porque no queremos mantener esta actividad en la pila (es decir, que no desea que el botn Atrs vuelva a esta pantalla).

De las animaciones, la animacin fade_in2 toma ms tiempo, 5 segundos en total. Esta animacin es por lo tanto la que desea activar la transicin a la Activity.
Lo hace mediante la creacin de un objeto AnimationListener, que hace las devoluciones de llamada para los eventos del ciclo de vida de la animacin : inicio, fin, repeticin.
En este caso, slo el mtodo onAnimationEnd () tiene una aplicacin interesante.

Aqu est el cdigo para crear el AnimationListener y aplicar el onAnimationEnd () de devolucin de llamada: Animation fade2 = AnimationUtils.loadAnimation(this, R.anim.fade_in2); fade2.setAnimationListener(new AnimationListener() { public void onAnimationEnd(Animation animation) { startActivity(new Intent(QuizSplashActivity.this, QuizMenuActivity.class)); QuizSplashActivity.this.finish(); } });
Ahora bien, si se ejecuta la aplicacin del juego de nuevo, ya sea en el emulador o en el dispositivo, se ve un poco de animacin agradable en la pantalla de inicio.
El usuario tiene una transicin sin problemas a la pantalla del men principal, que es la siguiente pantalla en la lista de tareas.
Resumen
Ya hemos implementado la primera pantalla del juego concurso de trivia.
Diseamos una pantalla y luego identificamos el diseo y componentes adecuados necesarios para implementar el diseo.
Despus de incluir los recursos adecuados, se pudo configurar el archivo de diseo splash.xml. Por ltimo, se ha aadido algunas animaciones interpoladas a la pantalla y luego se manej la transicin entre QuizSplashActivity y QuizMenuActivity.
Preguntas
P. En qu medida la plataforma Android es capaz de realizar lo que se refiere a la animacin? R. La plataforma Android tiene un rendimiento razonable con animaciones. Sin embargo, es muy fcil a la sobrecarga de una pantalla con animaciones y otros controles. Por ejemplo, si fuera a colocar un control VideoView en el centro de la pantalla con todas las animaciones, se pueden ver distintos aspectos de rendimiento. Siempre realice las operaciones de prueba, tales como animaciones, en un dispositivo para asegurarse de que su aplicacin sea factible.
Preguntas
P. Por qu recorrer cada punto de vista secundario del control TableLayout en lugar de acceder a cada c o n t r o l Ta b l e R o w ( R . i d . Ta b l e R o w 0 1 y R.id.TableRow02) por su nombre? R. Sera perfectamente aceptable acceder a cada elemento TableRow por su nombre si cada uno garantiza que existen en todos los casos. Usted ser capaz de tomar ventaja de este mtodo iterativo ms tarde, cuando apunte a su proyecto a diferentes orientaciones de pantalla. Por ahora, la pantalla de bienvenida se basa slo en el modo portrait.
Preguntas
P. Q u p a s a r a s i s e s o l i c i t a e l LayoutAnimationController al TableLayout en lugar de a cada TableRow? R. Si se aplica LayoutAnimationController al TableLayout, cada control TableRow, en lugar de cada ImageView control, girara todo lo existente. Sera una forma diferente, menos atractivo visualmente el efecto.
Taller
1. Verdadero o Falso: No hay manera de parar una animacin, una vez que ha comenzado. 2. Qu tipo de operaciones son compatibles con la animacin interpolada? A. Transparencia, el movimiento y rotacin en 3D B. alfa, escalar, rotar, y traducir C. bailar, cantar y ser feliz
Taller
3. Verdadero o Falso: puede utilizarse el LinearLayout para permitir que todos los objetos secundarios View se puedan dibujar encima y por debajo una de otra (vertical). 4. Cul de estos no es un diseo integrado en el SDK de Android? A. FrameLayout B. CircleLayout C. HorizontalLayout D. RelativeLayout
Respuestas
1. Falso. Utilice el clearAnimation () para borrar todas las animaciones y en espera de ejecucin en un punto de vista determinado. 2. B. animacin interpolada puede incluir cualquier combinacin de las transiciones alpha (transparencia), la escala (crecimiento o disminucin), la rotacin de dos dimensiones, y la traduccin (en movimiento) de un punto a otro. 3. Verdadero. Adems, LinearLayout se puede utilizar para Ver todos los objetos secundarios a la izquierda y a la derecha el uno del otro (horizontal). 4. B y C y FrameLayout RelativeLayout estn incluidos en el SDK de Android.
Ejercicios
1. Modificar LayoutAnimationController aplicar animaciones de cada punto de vista del hijo dentro de un control TableRow en orden aleatorio mediante el setOrder() con un valor de 2 (al azar). 2. Modificar el LayoutAnimationController aplicar animaciones para cada punto de vista del hijo dentro de un control TableLayout en lugar de cada control TableRow. Ver la animacin resultante.
Ejercicios
3. Modificar el diseo de la pantalla de bienvenida para reproducir un vdeo corto en lugar de animar a los controles ImageView. Primero cambie el control TableLayout con un control VideoView. A continuacin, establezca el URI de VideoView a la direccin URL de un vdeo en la web en el formato adecuado, utilizando el Uri.parse() y setVideoURI el control del mtodo VideoView(). Por ltimo, retire AnimationListener y el uso OnCompletionListener un control VideoView en lugar para la transicin a la pantalla del men principal cuando el video termina.

Capitulo 4 Ok

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Capitulo 4 Ok

Uploaded by

Copyright:

Available Formats

ANDROID

jueves 13 de septiembre de 2012

Diseo de pantalla de bienvenida

jueves 13 de septiembre de 2012

Diseo en bruto de la pantalla de bienvenida del juego

jueves 13 de septiembre de 2012

Diseo de pantalla de bienvenida

jueves 13 de septiembre de 2012

Implementar un diseo de pantalla de bienvinida

jueves 13 de septiembre de 2012

Implementar un diseo de pantalla de bienvenida

Implementar un diseo de pantalla de bienvenida

jueves 13 de septiembre de 2012

jueves 13 de septiembre de 2012

Diseo de controles Layout comunes

jueves 13 de septiembre de 2012

jueves 13 de septiembre de 2012

jueves 13 de septiembre de 2012

Diseo de la disposicin de la pantalla de bienvenida del juego

jueves 13 de septiembre de 2012

Adicion de nuevos recursos del proyecto

jueves 13 de septiembre de 2012

Adicion de nuevos recursos del proyecto

jueves 13 de septiembre de 2012

Adicin de nuevos recursos del proyecto

Adicin de nuevos recursos del proyecto

jueves 13 de septiembre de 2012

Actualizacion del diseo Splash Screen

jueves 13 de septiembre de 2012

Actualizacion del diseo Splash Screen

jueves 13 de septiembre de 2012

Actualizacion del diseo Splash Screen

jueves 13 de septiembre de 2012

Actualizacion del diseo Splash Screen

Actualizacion del diseo Splash Screen

jueves 13 de septiembre de 2012

Actualizacion del diseo Splash Screen

jueves 13 de septiembre de 2012

Pantalla de bienvenida del juego

jueves 13 de septiembre de 2012

Trabajar con animacin

Trabajar con animacin

Trabajar con animacin

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Adicion de recursos de animacion

jueves 13 de septiembre de 2012

Animacion de puntos de vista especificos

Las animaciones deben ser aplicadas y administradas mediante programacin.

Animacion de puntos de vista especificos

jueves 13 de septiembre de 2012

Animacion de puntos de vista especificos