Entradas

Mostrando entradas de mayo, 2014

Duke: Apología del Tiempo

Imagen
¡Hola gente! Les presento un juego estilo Abandonware que armé en este último mes. Hagan Click aquí para jugar: Dedicado a Duke, de Apología de lo Evidente .

Crear juegos en HTML5 con CreateJS en Flash

Con este tutorial aprenderás a crear juegos en HTML5 con el componente CreateJS para Adobe Flash Pro , creado por Grant Skinner .  Descargar Archivos del Tutorial Descargar CreateJS

iAds para apps en AIR

En este video tutorial vamos a aprender a agregar iAdds (las publicidades de apple) a nuestras aplicaciónes para iPhone o iPad . Lo primero que tenemos que hacer es conseguir la librería necesaria: http://code.google.com/p/iad-air-ios/ El único problema de este componente es que cuando la aplicación es horizontal, al hacer click en el iAd cambia la orientación a vertical. Si haces que tu aplicación sea de orientación automática o que sea solamente vertical este problema se soluciona. Descargar archivos del tutorial

Crear Juegos para iPhone en Flash

En este videotutorial vamos a ver algunas consideraciones importantes en la creación de juegos para iPhone utilizando flash. Rendimiento: Para comenzar, nunca va a ser lo mismo crear una aplicación en flash que en xCode. Ya que xCode es el IDE nativo de iOS, y siempre va a estar un paso adelante en rendimiento o customización. La version actual de AIR es la 3.2, que viene en Flash CS6. A diferencia de la version 2.6 de hace unos cuantos meses. En esta, el procesamiento es el doble de rápido. Sin embargo, el rendimiento de un juego es aproximadamente 30 veces menor que el de uno hecho con xCode . Esto lo pude comprobar armando una aplicación con Box2d en ámbos lenguajes. El touch de una aplicación creada con flash, tiene mucho más delay que una en xCode.

Control de Objetos en Memoria

En este proyecto cuento con una lista que me va mostrando constantemente los objetos que hay en memoria . Si el objeto es borrado, desaparecerá automáticamente de la lista. Y ademas, en el primer item, me indica la memoria utilizada . En un juego, es muy comun armar una clase Game y crear un objeto de esa clase. Y a la hora de reiniciar, o volver a jugar borrar ese objeto y crear uno nuevo. Muchas veces, quedan MovieClips, y objetos almacenados en memoria , que no fueron bien borrados. Por esta razón, este control de memoria es muy importante. Descargar Archivos del Tutorial

Instalar programas en iPad/iPhone con iTunes o FileZilla

En este videotutorial explico rápidamente las dos formas para instalar programas o juegos en nuestro iPad, iPhone, o iPod utilizando iTunes . En caso de tener problemas con los certificado s de las aplicaciones o del dispositvo, también explico un método utilizando Installous y FileZilla .

Nuevo Patrón de Diseño

Antes de comenzar, quiero decir que lo que estoy a punto de explicar esta totalmente abierto a sugerencias, ideas y críticas . Lo que propongo no es especificamente un nuevo paradigma de programación, sino nuevos patrones de diseño para el paradigma orientado a objetos . Estos patrones los probé en algunos juegos que desarrollé en este mes, y la verdad es que me fueron bastante útiles. Lo que permite es: -Unificar las funciones estáticas con las funciones públicas de una clase -Optimizar las variables temporales -Conversión dinámica de objetos -Código más flexible. Descargar archivos del tutorial

AS3 Optimización Avanzada

Una vez que nuestro proyecto esta bien diseñado y estamos usando las herramientas adecuadas, podemos optimizar el código del mismo. En este  videotutorial  veremos que formas de programar son más eficientes que otras, utilizando códigos más optimizados para realizar un determinado procedimiento.

AS3 Optimización y Rendimiento

A la hora de hacer un programa el hardware puede ser un gran limitante. Podríamos armar un juego con gráficas de la playstation 3 pero en un celular común, andaría muy lento. Al menos que el hardware mejore muchisimo, la única forma de superar este problema es optimizando el código y mejorando el rendimiento de nuestro proyecto. En este videotutorial aprenderemos diferentes patrones de diseño para mejorar el rendimiento , veremos cual librería de animación es mejor, y aprenderemos lo básico de Blitting .

AS3 Broadcaster y Eventos con argumentos

En este videotutorial vamos a aprender a hacer algunos trucos con eventos. Con la clase Callback , nos va a permitir agregar eventos con argumento. Con la clase Broadcaster, la cual es un Singleton de EventDispatcher , podemos escuchar y disparar eventos desde cualquier clase. Y por último, con la clase EventArg agregaremos eventos con argumentos de una forma diferente. Descargar Archivos del Tutorial

AS3 Singleton y Funciones Estáticas

Imagen
En este videotutorial vamos a aprender a utilizar el atributo estático en las clases. Y además vamos a aprender a manejar el patrón de diseño Singleton . Descargar archivos del tutorial

AS3 Programación Orientada a Eventos y Propagación

Imagen
En este videotutorial aprenderemos los fundamentos de la programación orientada a eventos , y la propagación de los mismos . Además, explico un truco para controlar el Garbage Collector de flash. Descargar archivos del tutorial

AS3 Programando Sanamente

Imagen
En este tutorial aprenderemos a utilizar el editor de código FlashDevelop , y la consola de depuración Arthropod . Además, muestro rápidamente como se utiliza el programa Launchy y FastStone Capture (programas no relacionados con la programación pero muy útiles). Parte 1: Parte 2:

AS3 POO - Juego de Cartas

Imagen
En este videotutorial vamos a aprender algunas nociones basicas de la programacion orientada a objetos. Y además, vamos a crear un simple juego de cartas . Por ahora vamos a utilizar Flash para programarlo, pero en los próximos videos vamos a usar Flash Develop . Descargar archivos del tutorial

AS3 Eventos

Imagen
En el videotutorial vamos a aprender las nociones básicas para el control y manejo de eventos . Cuando hablo de eventos me refiero a todo tipo de sucesos, ya sea hacer click en un botón, presionar una tecla, o la carga de una foto. Parte 1: Parte 2:

AS3 Display Object

Imagen
En el videotutorial anterior aprendimos a crear clases, así que ya estamos preparados para estudiar algunas de las principales clases de AS3 . Una de ellas es la clase DisplayObject , la cual es la clase madre de todas las clases que tengan algún tipo de visualización. Como las imágenes, vídeos, o textos.

AS3 Clases

Imagen
Lo que aprenderemos en este videotutorial es un paso muy importante para convertirnos en desarrolladores de actionscript 3. Ya que nos iniciamos en los paradigmas de trabajo como la programación orientada a objetos , y los conceptos de clases . Así que recomiendo que lo estudien tranquilo, y si tienen alguna complicación o dudas pregunten =) Parte 1: Parte 2: Parte 3:

AS3 Programación Estructurada

Imagen
Arrancamos con el lenguaje de programación AS3 . En este videotutorial vamos a indagar más que nada en la parte teórica. Y más adelante, cuando ya sepamos como se maneja bien el lenguaje vamos a crear álbunes de fotos, reproductores de música, y todo tipo de componentes. Es muy parecido al tutorial N°12 donde aprendimos a usar AS2. Es un poco largo así que les recomiendo que aprovechen con que es un video para hacer pausas y despejarse, adelantarlo si se les hace muy fácil , o si quieren ir directamente a la parte interesante les recomiendo que vayan al final del tutorial, donde se aplica todos los conceptos vistos para crear un ejemplo simple. Parte 1: Parte 2:

Introducción a la 2da parte del Curso

Imagen
Un programador a lo largo de su carrera trabaja con muchos lenguajes de programación distintos. La escencia de la programación, es casi la misma en cada lenguaje. Pero hay muchos términos , palabras, estructuras y procedimientos que hay que respetar según el lenguaje que se este utilizando. En mi caso constantemente estoy trabajando con varios lenguajes diferentes. Como puede ser actionscript, php, java, y C# Y no tengo la suficiente memoria para acordarme todos los términos de cada lenguaje? . En internet está toda la información que necesitamos, pero el acceso a esta no siempre es el más rápido, ya que tenemos que buscarla en varias webs, saber como se maneja la información en dicha web, y además esa información no depende de nosotros. Puede que sea limitada, o que al otro día ya no este. Por esta razón, vamos a utilizar google docs para ir documentando todo lo que hayamos aprendiendo . En esta segunda entrega, vamos a crear nuestra caja de herramientas. Componentes, y librerías

Práctico - Crear juegos para celulares en AS2

Imagen
En este videotutorial vamos a aprender lo básico de creación de juegos para celulares en AS2 . En este caso un simple juego de naves. Uno de los últimos videos que veremos oficialmente AS2, ya que en los próximos aprenderemos a utilizar AS3 en Flash CS5. Quizá más adelante haga algunos videos sobre creación de componentes, y otros tips. Espero que lo disfruten y le saquen provecho. Y no olviden agradecer :) Parte 1: Parte 2: Parte 3: Descargar archivos del tutorial Usé evals porque me encapriche con usarlo xD Pero se puede usar tranquilamente esto: this["enem"+i]._x = 10; // por ejemplo

Práctico - CD Interactivo con album de fotos en AS2

Imagen
En este videotutorial vamos a aprender a crear cds interactivos de fotos , con música (reproductor de un tutorial anterior), videos y juegos . Espero que lo disfruten, y que les sea útil :) Parte 1: Parte 2: Parte 3: Descargar archivos del tutorial

Practico - Encuestas en AS2 y PHP

Imagen
A pedido Diego Oscar Romero hago este tutorial en donde vamos a ver como crear encuestas en AS2 utilizando PHP . Se puede votar una sola vez por número IP, y muestra los resultados en barras de porcentaje. Parte 1: Parte 2: Parte 3: Descargar archivos del tutorial

Flash con PHP en AS2 (enviar un e-mail)

Imagen
En este videotutorial vamos a aprender a enviar información desde flash al servidor , para que este lo procese con php y nos devuelva los resultados. Y además vamos a ver un ejemplo de este proceso para enviar eMails . Parte 1: Parte 2: Descargar archivos del tutorial

Usos y estética de los componentes en AS2

Imagen
En este videotutorial vamos a aprender a utilizar algunos componentes que nos trae Flash CS4 y a modificar su estética. Parte 1: Parte 2:

Práctico - Reproductor de Música en AS2

Imagen
En este tutorial vamos a ver como hacer un reproductor de música bastante completo para poder utilizarlo en nuestra página web, cd interactivo, etc... El reproductor funciona con una lista de canciones XML , muestra información sobre el artista y la canción, y además de los botones típicos (pausa, adelantar, retroceder, detener, reproducir) tiene una linea de tiempo, en la que se puede hacer click y reproducir desde ese punto. Parte 1: Parte 2: Parte 3: Descargar archivos del tutorial Con esta declaración pueden manipular el volumen (el cual no agrego en el video): mp3.setVolume(50); // volumen es 50% Aplicando esa linea a la función de un voton para reducir volumen y otro para aumentar. Agregando la siguiente funcion se ejecuta cuando el sonido cuando se complete: mp3.onSoundComplete = function() { }

XML en AS2

Imagen
En este tutorial vamos a aprender a controlar el flujo de la información de nuestra página web a través de datos en formato XML , utilizando Flash AS2 . Parte 1: Parte 2:

Simple Desarrollo Web en AS2

Imagen
En este tutorial vemos una simple introducción al mundo del desarrollo web en Flash . Más adelante cuando veamos AS3 vamos a ver bien profundo este tema.

Práctico - Preload AS2

Imagen
En este video vamos a aprender a crear preloads (precargas) en AS2 . Un preload es una animación que se muestra al principio del proyecto informando al usuario sobre el progreso de la carga de la animación . Esto es muy utilizado en páginas web que tengan componentes flash, o que la web este hecha totalmente en flash. Parte 1: Parte 2:

Práctico - Banner Publicitario

Imagen
En este práctico vamos a aplicar lo que vimos en a ctionscript 2 para crear un banner publicitario interactivo . Parte 1 : Parte 2:

ActionScript 2.0 Básico

Imagen
En este tutorial vamos a aprender la parte básica de AS 2 . 0 , con algunos conceptos no del todo bien que iremos reformando a lo largo del curso para que no sea tan tedioso. Parte 1: Parte 2: Parte 3: Parte 4:

Herramientas de Flash CS4

Imagen
Les traigo este tutorial que armé en donde se enseña como utilizar las herramientas nuevas de Flash CS4: Deco, pincel rociador, hueso, rotación 3d, e interpolación de movimiento. Parte 1: Parte 2:

Exportación y Publicación de nuestro Proyecto

Imagen
Importante tutorial que enseña las diferentes formas de exportación y publicación de un proyecto flash, a archivos de audio, video, imagenes, o swf.

Práctico - Animación de Caricaturas

Imagen
Aplicamos todo lo que aprendimos en los videos anteriores para poder crear y animar una simple caricatura. Parte 1: Parte 2: Parte 3:

ActionScript 2.0 para Linea de Tiempo y Botones

Imagen
Sin actionscript con flash solamente se podrían hacer animaciones y videos. Este lenguaje de programación es el que permite que podamos hacer dinámicos nuestros proyectos. En este video vamos a ver algunas funciones y declaraciones simples para poder movernos en la linea de tiempo y darle funcionabilidad a los botones.

Importar Video

Explicación de las distintas formas para importar video s a nuestro proyecto flash. Ya sea agregándolo a la biblioteca, o cargándolo externamente.

Mezclador de Colores y Máscaras

Tutorial donde explica como utilizar el mezclador de colores para armar degrades lineal y radial, colores sólidos y de bitMap. Además, muestra la utilización de las máscaras . Y además, muestra un ejemplo práctico de la convinación de máscaras (reflejos) con una degrades lineal (brillo). Parte 1: Parte 2:

Textos, Símbolos y Filtros

 Tutorial en donde aprenderemos a crear textos estáticos y símbolos (gráfico, clip de película, y botón), y manipularlos modificando sus efectos y agregando filtros . Parte 1: Parte 2:

Linea de Tiempo, Animaciones y Capas

Tutorial en donde se explica el concepto de linea de tiempo , fotogramas y capas en flash , y como armar animaciones básicas . Parte 1: Parte 2:

Herramientas

Tutorial donde se explica el uso de las herramientas en flash para dibujar. Lápiz, Selección, Subselección, Lazo, Pluma, Línea, Figuras geométricas, Pincel, Cubo de pintura, Bote de tinta, Borrador, Mano, y Lupa. Parte 1: Parte 2:

Espacio de Trabajo

Resumen de las distintas versiones de Flash y cual debemos utilizar, y muestra como se puede ordenar la interfaz gráfica del programa.

¿Qué se puede hacer con Flash?

Arranco mi curso de flash en videos, con este simple tutorial que muestra lo que se va a ver en el curso (en los próximos videos tutoriales), y para que sirve flash. Cualquier consejo, opinion, o crítica constructiva avisen.