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

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

Posted on by Unknown with No comments
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.

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.

Posted on by Unknown with No comments

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




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

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

Posted on by Unknown with No comments


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.



jueves, 23 de mayo de 2013

DESCARGAR EN PDF

Instalar Software de desarrollo

Sitio de desarrolladores de Android

  • Hacer click en el botón de Download en el panel izquierdo de la pantalla.

Developer Tools/ Download
  • Click en Download SDK (ADT Bundle for Mac).


  • Leer los terminos y condiciones luego hacer click en el checkbox para aceptarlos.

  • Después de descargar el archivo (adt-bundle-mac....), descomprimirlo.
  • Copiar la carpeta en una dirección de confianza y fácil recordación Ej: Documentos. Luego abrir la carpeta que descargo y se encontrará con las siguientes dos carpetas. 
  • Abrir la carpeta eclipse y ejecutar la aplicación con el mismo nombre.
  • Crear un Workspace en la carpeta de su preferencia y continuar. Un Workspace es una carpeta donde se van a almacenar todos sus proyectos, se pueden crear varios Workspaces con el fin de organizar y jerarquizar los proyectos.
  • Llenar el formulario de estadísticas para Google.
  • Eso es todo en cuanto a la instalación del Software.

Crear un nuevo Proyecto

  • Hacer Click en New Android Application.

  • Llenar los datos de la aplicación:
  1. Application Name: Nombre que tendrá la aplicación en el dispositivo.
  2. Project Name: Nombre del proyecto - archivo.
  3. Package Name: Nombre del paquete del proyecto, este va en notación de paquetes de Java.
  • En el siguiente paso se escoge si se desea crear un icono personalizado para la aplicación o si se esta creando una librería. Por ultimo se escoge el Workspace donde se guardara el proyecto.
  • Luego se configura el Icono; en esta configuración se presentan tres tipos de iconos (imagen, clipart y text) Y sus respectivas configuraciones de background, resources y colores. Luego click en Next.
  • Después se muestran tres opciones Blank activity, Fullscreen activity y Master/Detail. Blank activity se refiere a una aplicación donde se sigue mostrando la barra de menú de android; Fullscreen oculta el menú de Android pero toca tener cuidado al implementar este tipo de aplicaciones porque  hay que diseñar elementos para poder cerrar la aplicación por ella misma. Y por ultimo Master/Detail es un tipo de aplicación donde se mezclan dos tipos de vistas la primera es un listado de objetos, y la segunda muestra un detalle del objeto seleccionado. En próximos tutoriales mostrare como usar cada uno. 
  • Por ultimo damos un nombre a la vista y escogemos el tipo de navegación.
  • Eso es todo, por defecto al crear un Blank Activity se genera una aplicación  de Hello World.

Instalar software para desarrollar en Android con Mac y primera aplicación (Hello World)

Posted on by Unknown with No comments

DESCARGAR EN PDF

Instalar Software de desarrollo

Sitio de desarrolladores de Android

  • Hacer click en el botón de Download en el panel izquierdo de la pantalla.

Developer Tools/ Download
  • Click en Download SDK (ADT Bundle for Mac).


  • Leer los terminos y condiciones luego hacer click en el checkbox para aceptarlos.

  • Después de descargar el archivo (adt-bundle-mac....), descomprimirlo.
  • Copiar la carpeta en una dirección de confianza y fácil recordación Ej: Documentos. Luego abrir la carpeta que descargo y se encontrará con las siguientes dos carpetas. 
  • Abrir la carpeta eclipse y ejecutar la aplicación con el mismo nombre.
  • Crear un Workspace en la carpeta de su preferencia y continuar. Un Workspace es una carpeta donde se van a almacenar todos sus proyectos, se pueden crear varios Workspaces con el fin de organizar y jerarquizar los proyectos.
  • Llenar el formulario de estadísticas para Google.
  • Eso es todo en cuanto a la instalación del Software.

Crear un nuevo Proyecto

  • Hacer Click en New Android Application.

  • Llenar los datos de la aplicación:
  1. Application Name: Nombre que tendrá la aplicación en el dispositivo.
  2. Project Name: Nombre del proyecto - archivo.
  3. Package Name: Nombre del paquete del proyecto, este va en notación de paquetes de Java.
  • En el siguiente paso se escoge si se desea crear un icono personalizado para la aplicación o si se esta creando una librería. Por ultimo se escoge el Workspace donde se guardara el proyecto.
  • Luego se configura el Icono; en esta configuración se presentan tres tipos de iconos (imagen, clipart y text) Y sus respectivas configuraciones de background, resources y colores. Luego click en Next.
  • Después se muestran tres opciones Blank activity, Fullscreen activity y Master/Detail. Blank activity se refiere a una aplicación donde se sigue mostrando la barra de menú de android; Fullscreen oculta el menú de Android pero toca tener cuidado al implementar este tipo de aplicaciones porque  hay que diseñar elementos para poder cerrar la aplicación por ella misma. Y por ultimo Master/Detail es un tipo de aplicación donde se mezclan dos tipos de vistas la primera es un listado de objetos, y la segunda muestra un detalle del objeto seleccionado. En próximos tutoriales mostrare como usar cada uno. 
  • Por ultimo damos un nombre a la vista y escogemos el tipo de navegación.
  • Eso es todo, por defecto al crear un Blank Activity se genera una aplicación  de Hello World.

Suscribirse a: Entradas ( Atom )