Mostrando entradas con la etiqueta transition. Mostrar todas las entradas
Mostrando entradas con la etiqueta transition. Mostrar todas las entradas

sábado, 29 de junio de 2013

En este pequeño tutorial se mostrara como crear y configurar un proyecto con Cocos2d, el cual es un Framework para la creación de juegos. 

Para comenzar nos dirijimos a la pagina de Cocos2d para descargar el instalador
http://www.cocos2d-iphone.org/download/

Click para Zoom
Luego escogemos la version deseada, en este caso la version 2.1 y la descomprimimos al terminar la descarga.

Abrimos una Terminal y buscamos la carpeta que descargamos previamente:

cd Descargas
cd cocos-2d-iphone

Y luego ejecutamos el siguiente comando, el cual instalara como tal los templates de Cocos2d

./install-templates.sh -f -u
Click para Zoom
En caso de que aparezca un error de privilegios ejecutamos el siguiente comando.

sudo ./install-templates.sh -f -u

Al finalizar la instalación, ya tendremos acceso a los templates desde XCode. 

Click para Zoom

Instalar Templates de Cocos2d en XCode

Posted on by Unknown with No comments
En este pequeño tutorial se mostrara como crear y configurar un proyecto con Cocos2d, el cual es un Framework para la creación de juegos. 

Para comenzar nos dirijimos a la pagina de Cocos2d para descargar el instalador
http://www.cocos2d-iphone.org/download/

Click para Zoom
Luego escogemos la version deseada, en este caso la version 2.1 y la descomprimimos al terminar la descarga.

Abrimos una Terminal y buscamos la carpeta que descargamos previamente:

cd Descargas
cd cocos-2d-iphone

Y luego ejecutamos el siguiente comando, el cual instalara como tal los templates de Cocos2d

./install-templates.sh -f -u
Click para Zoom
En caso de que aparezca un error de privilegios ejecutamos el siguiente comando.

sudo ./install-templates.sh -f -u

Al finalizar la instalación, ya tendremos acceso a los templates desde XCode. 

Click para Zoom

domingo, 2 de junio de 2013




En este tutorial navegaremos entre dos vistas mediante la tecnología de Storyboards, para comenzar crearemos un proyecto en blanco.
  • Después de tener nuestro proyecto nuevo, modificamos la vista por defecto de nuestro Storyboard agregándole un botón como en nuestro tutorial anterior.
Click para Zoom
  • Ahora hacemos Drag-n-Drop de un componente ViewController nuevo a nuestro Storyboard.
Click para Zoom
  • Hacemos Click derecho en el botón de la vista 1 (Ir a Vista 2), arrastramos hacia la vista 2 y soltamos, con lo que nos aparecerá un Pop-Up con tres opciones: Push, Modal y Custom. En este caso escogemos Push para una animación Horizontal, o Modal para escoger alguna de las animación diferente, por ultima opción tenemos custom, para programar una transición diferente.
Click para Zoom
  • Una vez ya hallamos elegido la transición para las vistas, repetimos los pasos anteriores desde la Vista 1 hacia la Vista 2 para obtener un resultado como el de la siguiente imagen. 
Click para Zoom

Navegar entre vistas en Objective-C - Storyboard

Posted on by Unknown with No comments



En este tutorial navegaremos entre dos vistas mediante la tecnología de Storyboards, para comenzar crearemos un proyecto en blanco.
  • Después de tener nuestro proyecto nuevo, modificamos la vista por defecto de nuestro Storyboard agregándole un botón como en nuestro tutorial anterior.
Click para Zoom
  • Ahora hacemos Drag-n-Drop de un componente ViewController nuevo a nuestro Storyboard.
Click para Zoom
  • Hacemos Click derecho en el botón de la vista 1 (Ir a Vista 2), arrastramos hacia la vista 2 y soltamos, con lo que nos aparecerá un Pop-Up con tres opciones: Push, Modal y Custom. En este caso escogemos Push para una animación Horizontal, o Modal para escoger alguna de las animación diferente, por ultima opción tenemos custom, para programar una transición diferente.
Click para Zoom
  • Una vez ya hallamos elegido la transición para las vistas, repetimos los pasos anteriores desde la Vista 1 hacia la Vista 2 para obtener un resultado como el de la siguiente imagen. 
Click para Zoom

Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.

  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

Navegar entre vistas en Objective-C - Código

Posted on by Unknown with No comments
Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.

  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

Suscribirse a: Entradas ( Atom )