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

lunes, 14 de octubre de 2013

Hola amigos y colegas hoy vengo presentándoles el trailer de mi primer juego en CoronaSDK, no es el mejor juego ni el de mejor diseño pero a modo de aprendizaje fue bastante productivo. Más cuando mi equipo de desarrollo soy solo yo, diseñando gráficamente, programando e intentando producir el audio. Esto demuestra que para crear juegos hace falta algo de iniciativa y amor por lo que se hace; espero que lo descarguen, lo prueben y me den sus sugerencias y recomendaciones. 
Saludos a todos desde Colombia.



Nuevo Juego - Recycle or Die

Hola amigos y colegas hoy vengo presentándoles el trailer de mi primer juego en CoronaSDK, no es el mejor juego ni el de mejor diseño pero a modo de aprendizaje fue bastante productivo. Más cuando mi equipo de desarrollo soy solo yo, diseñando gráficamente, programando e intentando producir el audio. Esto demuestra que para crear juegos hace falta algo de iniciativa y amor por lo que se hace; espero que lo descarguen, lo prueben y me den sus sugerencias y recomendaciones. 
Saludos a todos desde Colombia.



lunes, 26 de agosto de 2013

CoronaSDK es uno de los más grandes frameworks para el desarrollo de juegos multiplataforma (móvil) del momento, con el se pueden crear aplicaciones para Android, iOS, Nook y kindle, y digo aplicaciones puesto que a la gran cantidad de plugins que existe para esta plataforma se podría crear cualquier aplicación.


Empezaremos por decir que existe en dos versiones una gratis y una paga, se diferencian en que la paga tiene un performance 5 veces mejor a la gratuita y además tiene soporté. No sin antes decir que el performance de la versión gratuita es realmente bueno, superando por MUCHO aplicaciones creadas en HTML5 con PhoneGap.
El lenguaje de programación que se usa es Lua, tal vez no hallan oído de él pero con el se han desarrollado desde el famoso Cheat Engine hasta Photoshop.
Sin más preámbulos empecemos, lo primero que se necesita es descargar e instalar CoronaSDK, proceso que es bastante sencillo y no toma más de 15 minutos.

 https://developer.coronalabs.com/user/login?destination=downloads/corona-sdk

Después de haber instalado CoronaSDK, lo ejecutamos y nos aparecerá una consola como esta: 


En esta tenemos mucha información relevante para el aprendizaje al igual que tutoriales y código de ejemplo. Tambien podemos crear proyectos nuevos.

En el próximo tutorial reproduciremos un archivo de audio para la creación de un Soundboard básico.

CoronaSDk - Creando juegos rápidamente

CoronaSDK es uno de los más grandes frameworks para el desarrollo de juegos multiplataforma (móvil) del momento, con el se pueden crear aplicaciones para Android, iOS, Nook y kindle, y digo aplicaciones puesto que a la gran cantidad de plugins que existe para esta plataforma se podría crear cualquier aplicación.


Empezaremos por decir que existe en dos versiones una gratis y una paga, se diferencian en que la paga tiene un performance 5 veces mejor a la gratuita y además tiene soporté. No sin antes decir que el performance de la versión gratuita es realmente bueno, superando por MUCHO aplicaciones creadas en HTML5 con PhoneGap.
El lenguaje de programación que se usa es Lua, tal vez no hallan oído de él pero con el se han desarrollado desde el famoso Cheat Engine hasta Photoshop.
Sin más preámbulos empecemos, lo primero que se necesita es descargar e instalar CoronaSDK, proceso que es bastante sencillo y no toma más de 15 minutos.

 https://developer.coronalabs.com/user/login?destination=downloads/corona-sdk

Después de haber instalado CoronaSDK, lo ejecutamos y nos aparecerá una consola como esta: 


En esta tenemos mucha información relevante para el aprendizaje al igual que tutoriales y código de ejemplo. Tambien podemos crear proyectos nuevos.

En el próximo tutorial reproduciremos un archivo de audio para la creación de un Soundboard básico.

miércoles, 31 de julio de 2013

Como ya todos sabemos Apple esta próximo a lanzar iOS 7 con muchas mejoras en cuanto usabilidad, y un cambio total al concepto de diseño que venían manejando (Skeumorfismo). La cuarta versión Beta de dicho sistema operativo ya esta disponible para ser descargada e instalada por "desarrolladores registrados". 

En este tutorial vamos a explicar como instalar iOS 7 en tu dispositivo:


1. Ingresar a la página de desarrolladores de Apple  e ir al modulo de iOS developers.



Click para zoom

2. Al ingresar en el modulo de iOS 7, se encuentran los dispositivos compatibles con iOS 7 y descargamos el de nuestro(s) dispositvo.



Click para zoom
3. Montamos la imagen que descargamos y abrimos iTunes.


Click para zoom
4. Nos aseguramos que nuestro dispositivo este actualizada a la ultima versión disponible al publico.

5. Oprimimos al tecla alt + click en el boton Restore iPad/iPod/iPhone  y se abre un finder para buscar el archivo ipsw que habíamos descargado. 


Click para zoom


6. Esperamos a que haga todo el proceso de actualización que se demora entre 8-12 mins y ya esta.



Bienvenido a iOS7

Instalando iOS 7 en tu dispositivo.

Como ya todos sabemos Apple esta próximo a lanzar iOS 7 con muchas mejoras en cuanto usabilidad, y un cambio total al concepto de diseño que venían manejando (Skeumorfismo). La cuarta versión Beta de dicho sistema operativo ya esta disponible para ser descargada e instalada por "desarrolladores registrados". 

En este tutorial vamos a explicar como instalar iOS 7 en tu dispositivo:


1. Ingresar a la página de desarrolladores de Apple  e ir al modulo de iOS developers.



Click para zoom

2. Al ingresar en el modulo de iOS 7, se encuentran los dispositivos compatibles con iOS 7 y descargamos el de nuestro(s) dispositvo.



Click para zoom
3. Montamos la imagen que descargamos y abrimos iTunes.


Click para zoom
4. Nos aseguramos que nuestro dispositivo este actualizada a la ultima versión disponible al publico.

5. Oprimimos al tecla alt + click en el boton Restore iPad/iPod/iPhone  y se abre un finder para buscar el archivo ipsw que habíamos descargado. 


Click para zoom


6. Esperamos a que haga todo el proceso de actualización que se demora entre 8-12 mins y ya esta.



Bienvenido a iOS7

jueves, 4 de julio de 2013

Box2D - JavaScript Framework


Box2D es un framework para el desarrollo de juegos, comenzó como un proyecto especialmente para AS3 (ActionScript 3) pero con el paso del tiempo y el surgimiento de HTML5 nació Box2D JavaScript y Box2D para Objective-C. Y no se dejen engañar por ese feo logo, es uno de los mejores Frameworks en cuanto a físicas se refiere.

Si desean conocer más acerca de Box2D Javascript pueden entrar a 

O si quieren saber mas acerca de box2D para AS3 u Objective-C entren a 
o
http://www.cocos2d-iphone.org/wiki/doku.php/  - El proyecto de Box2D para Objective-C fue una alianza con Cocos2D un reconocido framework para el desarrollo de juegos para dispositivos móviles.

En nuestro próximo tutorial realizaremos un Setup del framework y realizaremos una aplicación en HTML5 con PhoneGap para correrla directamente en un dispositivo móvil.

Introducción a Box2D - Desarrollando juegos con HTML5

Box2D - JavaScript Framework


Box2D es un framework para el desarrollo de juegos, comenzó como un proyecto especialmente para AS3 (ActionScript 3) pero con el paso del tiempo y el surgimiento de HTML5 nació Box2D JavaScript y Box2D para Objective-C. Y no se dejen engañar por ese feo logo, es uno de los mejores Frameworks en cuanto a físicas se refiere.

Si desean conocer más acerca de Box2D Javascript pueden entrar a 

O si quieren saber mas acerca de box2D para AS3 u Objective-C entren a 
o
http://www.cocos2d-iphone.org/wiki/doku.php/  - El proyecto de Box2D para Objective-C fue una alianza con Cocos2D un reconocido framework para el desarrollo de juegos para dispositivos móviles.

En nuestro próximo tutorial realizaremos un Setup del framework y realizaremos una aplicación en HTML5 con PhoneGap para correrla directamente en un dispositivo móvil.

lunes, 24 de junio de 2013

Configuración de dispositivos y Mobile Provision en el Member Center.

Para realizar este tutorial ya se deben haber completado los pasos de nuestro turorial anterior acerca de los certificados necesarios para hacer pruebas y subidas al App Store.

Empezaremos entrando al Member Center, en la sección de Devices y haremos click en el botón (+)

Click para Zoom
Y obtendremos un formulario justo como este, con el que registraremos nuestros dispositivos, en el colocamos el nombre del dispositivo, y el UDID el cual es un identificador unico para cada dispositivo. El UDID lo obtenemos en iTunes o en el Organizer de XCode (Se encuentra en Window>>Organizer).
Click para Zoom

Click para Zoom
Después de haber registrado nuestros equipos (Max.100), procedemos a crear un App ID para realizar pruebas, el cual tendrá un  nombre e identificador. 

Click para Zoom

Para el identificador existen dos opciones explícito y wildcard. La primera opción es cuando se va a desarrollar una aplicación en concreto, para la cual se dará un Identificación única e irrepetible. La segunda opción es un comodín para poder realizar cuantas aplicaciones queramos pero con fin de prueba.

Click para Zoom
Luego solo bastara con escoger nuestro identificador.
Click para Zoom
Cuando ya se han creado tanto como el identificador como las referencias de los dispositivos se crean dos archivos llamados MobileProvision estos se instalan dentro del dispositivo de prueba para poder depurar y probar las aplicaciones. También se crea uno con el fin de empaquetar la aplicación final en un (.ipa) 
Para esto ingresamos al menu de MobileProvision

Para generar el MobileProvision de Development es necesario seleccionar la opción de iOS Development, luego escogemos el Application ID que habíamos creado anteriormente (co.jomobile.test.*)

Click para Zoom

Click para Zoom
 Hacemos click en continue y escogemos los dispositivos que queremos enlazar a este MobileProvision.

Click para Zoom

Por ultimo hacemos click en el botón Generate y luego en Download. Completamos los mismos pasos para el caso de Distribution, con el cual escogemos la Opción App Store.
Click para Zoom

En este momento ya hemos generado los dos MobileProvisions que necesitaremos. Conectamos nuestro dispositivo móvil y hacemos doble click en cada uno de los archivos que generamos. Así se abre el Organizer y se instalan automáticamente en el dispositivo.


Todo lo anterior tenia como objetivo configurar nuestros dispositivos y la cuenta como tal de desarrollador, para que cuando se creen las aplicación tengamos una fácil y rápida forma para depurar, probar y controlar las aplicaciones.

Configurar XCode para probar las aplicaciones en el dispositivo.

Este es el paso mas facil de todo el tutorial. Despues de haber creado la aplicacion que deseamos probar; vamos a la parte de Build Settings y modificamos la propiedad Code Signing Identity con los datos de nuestros certificados (creados en el anterior tutorial). Por ultimo en la parte superior, cambiamos el dispositivo de Test por el nuestro. Y eso es todo, las aplicaciones correrán directamente en el dispositivo.

Click para Zoom

Certificados y Mobile Provision- Prueba tus aplicaciones en tu dispositivo - Parte 2

Configuración de dispositivos y Mobile Provision en el Member Center.

Para realizar este tutorial ya se deben haber completado los pasos de nuestro turorial anterior acerca de los certificados necesarios para hacer pruebas y subidas al App Store.

Empezaremos entrando al Member Center, en la sección de Devices y haremos click en el botón (+)

Click para Zoom
Y obtendremos un formulario justo como este, con el que registraremos nuestros dispositivos, en el colocamos el nombre del dispositivo, y el UDID el cual es un identificador unico para cada dispositivo. El UDID lo obtenemos en iTunes o en el Organizer de XCode (Se encuentra en Window>>Organizer).
Click para Zoom

Click para Zoom
Después de haber registrado nuestros equipos (Max.100), procedemos a crear un App ID para realizar pruebas, el cual tendrá un  nombre e identificador. 

Click para Zoom

Para el identificador existen dos opciones explícito y wildcard. La primera opción es cuando se va a desarrollar una aplicación en concreto, para la cual se dará un Identificación única e irrepetible. La segunda opción es un comodín para poder realizar cuantas aplicaciones queramos pero con fin de prueba.

Click para Zoom
Luego solo bastara con escoger nuestro identificador.
Click para Zoom
Cuando ya se han creado tanto como el identificador como las referencias de los dispositivos se crean dos archivos llamados MobileProvision estos se instalan dentro del dispositivo de prueba para poder depurar y probar las aplicaciones. También se crea uno con el fin de empaquetar la aplicación final en un (.ipa) 
Para esto ingresamos al menu de MobileProvision

Para generar el MobileProvision de Development es necesario seleccionar la opción de iOS Development, luego escogemos el Application ID que habíamos creado anteriormente (co.jomobile.test.*)

Click para Zoom

Click para Zoom
 Hacemos click en continue y escogemos los dispositivos que queremos enlazar a este MobileProvision.

Click para Zoom

Por ultimo hacemos click en el botón Generate y luego en Download. Completamos los mismos pasos para el caso de Distribution, con el cual escogemos la Opción App Store.
Click para Zoom

En este momento ya hemos generado los dos MobileProvisions que necesitaremos. Conectamos nuestro dispositivo móvil y hacemos doble click en cada uno de los archivos que generamos. Así se abre el Organizer y se instalan automáticamente en el dispositivo.


Todo lo anterior tenia como objetivo configurar nuestros dispositivos y la cuenta como tal de desarrollador, para que cuando se creen las aplicación tengamos una fácil y rápida forma para depurar, probar y controlar las aplicaciones.

Configurar XCode para probar las aplicaciones en el dispositivo.

Este es el paso mas facil de todo el tutorial. Despues de haber creado la aplicacion que deseamos probar; vamos a la parte de Build Settings y modificamos la propiedad Code Signing Identity con los datos de nuestros certificados (creados en el anterior tutorial). Por ultimo en la parte superior, cambiamos el dispositivo de Test por el nuestro. Y eso es todo, las aplicaciones correrán directamente en el dispositivo.

Click para Zoom

martes, 4 de junio de 2013

PhoneGap en Xcode

Para esta ocación, vamos a configurar PhoneGap para usarlo desde Xcode y así poder de desarrollar aplicaciones para dispositivos iOS en HTML5 como se dijo en el tutorial anterior.

El primer paso es tener un sistema Operativo Mac® OS X® Lion (10.7) o superior, y en ella instalar Xcode 4.5 o superior.


Ahora entramos a la página oficial de PhoneGap para realizar la descarga del Software.
http://phonegap.com/download/


Luego copiamos y descomprimimos el archivo descargado a la carpera de nuestra preferencia en mi caso la copie a Documentos. Abrimos una Terminal, en ella colocamos 4 parámetros:
  • Ruta de la carpeta que descargo de PhoneGap, para ejecutar el script create ./Users/jorgerovallez/Documents/phonegap-2.7.0/lib/ios/bin/create
  • Ruta donde se desea crear el nuevo proyecto, debe ser una carpeta vacía.
  • Identificador para el proyecto Ej: co.jomobile.TestPhoneGap
  • Nombre del Proyecto Ej: Test1.
Todo esto quedara mas o menos así:

MacBook-de-Jorge-R-Ovalle-Z:/ jorgerovallez$ sudo ./Users/jorgerovallez/Documents/phonegap-2.7.0/lib/ios/bin/create /Users/jorgerovallez/Documents/Cordova/TestPG co.jomobile.Test1 Test1

Al ejecutar el anterior código se genera un nuevo proyecto de Xcode en la ruta que colocamos, antes de abrir el proyecto se debera modificar los permisos del archivo a Lectura y Escritura.



Una vez modificados los permisos procedemos a abrir el proyecto en Xcode, donde encontraremos una carpeta con el nombre www, en esta carpeta esta todo el código de la aplicación en HTML5.



Para este proyecto de ejemplo lo dejaremos tal cual, pero para próximos tutoriales modificaremos el archivo índex.html y crearemos nuestra primera aplicación.



Empezando con PhoneGap en Xcode

PhoneGap en Xcode

Para esta ocación, vamos a configurar PhoneGap para usarlo desde Xcode y así poder de desarrollar aplicaciones para dispositivos iOS en HTML5 como se dijo en el tutorial anterior.

El primer paso es tener un sistema Operativo Mac® OS X® Lion (10.7) o superior, y en ella instalar Xcode 4.5 o superior.


Ahora entramos a la página oficial de PhoneGap para realizar la descarga del Software.
http://phonegap.com/download/


Luego copiamos y descomprimimos el archivo descargado a la carpera de nuestra preferencia en mi caso la copie a Documentos. Abrimos una Terminal, en ella colocamos 4 parámetros:
  • Ruta de la carpeta que descargo de PhoneGap, para ejecutar el script create ./Users/jorgerovallez/Documents/phonegap-2.7.0/lib/ios/bin/create
  • Ruta donde se desea crear el nuevo proyecto, debe ser una carpeta vacía.
  • Identificador para el proyecto Ej: co.jomobile.TestPhoneGap
  • Nombre del Proyecto Ej: Test1.
Todo esto quedara mas o menos así:

MacBook-de-Jorge-R-Ovalle-Z:/ jorgerovallez$ sudo ./Users/jorgerovallez/Documents/phonegap-2.7.0/lib/ios/bin/create /Users/jorgerovallez/Documents/Cordova/TestPG co.jomobile.Test1 Test1

Al ejecutar el anterior código se genera un nuevo proyecto de Xcode en la ruta que colocamos, antes de abrir el proyecto se debera modificar los permisos del archivo a Lectura y Escritura.



Una vez modificados los permisos procedemos a abrir el proyecto en Xcode, donde encontraremos una carpeta con el nombre www, en esta carpeta esta todo el código de la aplicación en HTML5.



Para este proyecto de ejemplo lo dejaremos tal cual, pero para próximos tutoriales modificaremos el archivo índex.html y crearemos nuestra primera aplicación.



lunes, 3 de junio de 2013

Introducción de Phonegap - HTML5 para dispositivos móviles.

Para contextualizarnos PhoneGap es una tecnología que permite crear aplicaciones móviles en HTML5 y poderlas ejecutar de forma nativa en el dispositivo. Lo anterior sin prestarle importancia al SO como lo pueden ser: iOS, Android, Blackberry, Windows phone, WebOS, etc.




La aplicación que se desarrolla debe ser creada con HTML5, CSS3 y JavaScript aprovechando todas sus nuevas tecnologías y ventajas tales como Tags de multimedia, Gráficos vectoriales, Canvas, Local Data Storage, etc.



PhoneGap ha sido probado con múltiples frameworks de JS, entre ellos:
En los próximos tutoriales se realizaran las instalaciones de PhoneGap para iOS en XCode y para Android en Eclipse.

Introducción de PhoneGap - HTML5 para dispositivos móviles.

Introducción de Phonegap - HTML5 para dispositivos móviles.

Para contextualizarnos PhoneGap es una tecnología que permite crear aplicaciones móviles en HTML5 y poderlas ejecutar de forma nativa en el dispositivo. Lo anterior sin prestarle importancia al SO como lo pueden ser: iOS, Android, Blackberry, Windows phone, WebOS, etc.




La aplicación que se desarrolla debe ser creada con HTML5, CSS3 y JavaScript aprovechando todas sus nuevas tecnologías y ventajas tales como Tags de multimedia, Gráficos vectoriales, Canvas, Local Data Storage, etc.



PhoneGap ha sido probado con múltiples frameworks de JS, entre ellos:
En los próximos tutoriales se realizaran las instalaciones de PhoneGap para iOS en XCode y para Android en Eclipse.

domingo, 2 de junio de 2013

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

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.

sábado, 1 de junio de 2013


Reproducir Archivo de Audio en Objective-C



En este tutorial insertaremos y reproduciremos un archivo de audio en Objective-C, para comenzar crearemos un proyecto en blanco.
  • Depues de haber creado el proyecto lo primero que tenemos que hacer es importar las librerías AudioToolbox.framework y AVFoundation.framework.
Click para Zoom
  • Ahora importamos el archivo de audio que queremos reproducir, este archivo debe tener una de las siguientes extensiones*: AIFF, AIFC, MP3, SND, AU, WAV, QDesign.
              *Para mayor información sobre extensiones y archivos de audio visite Developer Audio Apple

Click para Zoom
  • Crear un método para ejecutar la reproducción del sonido, y asignarselo a un botón en el entorno gráfico.




  • En el archivo implementador de la vista (.m) instanciamos el sonido, con el método CFBundleCopyResourceURL en el cual colocamos el nombre y extensión del archivo y eso es todo.



Reproducir Archivo de Audio en Objective-C


Reproducir Archivo de Audio en Objective-C



En este tutorial insertaremos y reproduciremos un archivo de audio en Objective-C, para comenzar crearemos un proyecto en blanco.
  • Depues de haber creado el proyecto lo primero que tenemos que hacer es importar las librerías AudioToolbox.framework y AVFoundation.framework.
Click para Zoom
  • Ahora importamos el archivo de audio que queremos reproducir, este archivo debe tener una de las siguientes extensiones*: AIFF, AIFC, MP3, SND, AU, WAV, QDesign.
              *Para mayor información sobre extensiones y archivos de audio visite Developer Audio Apple

Click para Zoom
  • Crear un método para ejecutar la reproducción del sonido, y asignarselo a un botón en el entorno gráfico.




  • En el archivo implementador de la vista (.m) instanciamos el sonido, con el método CFBundleCopyResourceURL en el cual colocamos el nombre y extensión del archivo y eso es todo.