Tutorial ActionScript 3 – Juego Pong – Principiantes

Publicado por Ángel Serrano | 20/11/2010

Aquí comienza el primer curso de Metafísica Informática: ActionScript 3.0 – Guía para principiantes. En esta guía se explican los fundamentos de este lenguaje, utilizado en la mayoría de juegos Flash. Como ejemplo práctico, a lo largo del curso, se irá desarrollando un juego Pong, que servirá para ejemplificar los fundamentos aprendidos.

Resultado final

Click en la ventana Flash para jugar. Controles: w, s, flecha arriba, flecha abajo.

Introducción

Bienvenidos al primer curso de Metafísica Informática: ActionScript 3.0 – Guía para principiantes.

ActionScript 3.0 es un poderoso lenguaje de script integrado en Flash que permite realizar desde películas de animación hasta juegos realmente complejos.

¿Cuál es el objetivo?

El enfoque de la guía es doble:

Teórico: Aprender y entender los pormenores de ActionScript 3.0 y los conceptos básicos (y no tan básicos) de la Programación Orientadas a Objetos.
Práctico: Aplicar la teoría en un proyecto práctico: El desarrollo desde cero del clásico juego Pong. Un juego, en esencia, bastante simple (en su desarrollo y juego), pero al que iremos añadiendo diferentes items y funcionalidades para darle mayor gracia.

¿Qué necesito saber para seguirla?

No vendría mal algo de experiencia con la parte gráfica de Flash: trabajo con capas, formas, colores, degradados… Aunque si no es el caso, no importa demasiado. Cuando utilicemos Flash para desarrollar la parte visual de nuestro Pong, se explicarán detalladamente todos los pasos.

Respecto a conocimientos de programación, lo básico: Qué es una variable, un bucle, una condición…

No es necesario ningún conocimiento sobre Programación Orientada a Objetos.

Últimas indicaciones

No necesitas haber trabajado con la versión antigua de ActionScript, ActionScript 2. Aunque comparten puntos comunes, ActionScript 2 y ActionScript 3 son lenguajes que trabajan de manera distinta.

La guía está basada en Flash CS4, aunque en principio puede seguirse con cualquier otra versión de Flash que admita ActionScript 3.

Algo importante que quiero recalcar es que esta guía está escrita de aprendiz a aprendiz. Mi trabajo con ActionScript 3 y Flash es relativamente reciente, y cualquier comentario o corrección será bien recibido.

Puedes comenzar la guía de ActionScript 3, o echar un vistazo al índice que viene a continuación.

Índice

FASE I: Pong 1.0

Primeros pasos
Introducción. FlashDevelop: organizando nuestros archivos .as. Jerarquía de carpetas
¿Qué es la clase del Documento? Creando la clase del documento. Comentarios en AS3. Conectando nuestro Flash con Main.as.
ActionScript y la Programación Orientada a Objetos.
Un mundo lleno de objetos… Concepto de Clase. ¿Qué es un atributo? ¿Qué es un método? ¿Cuál es la diferencia entre Clase y Objeto? Clases en ActionScript 3. Definición de paquetes. Definición de clases. Añadiendo atributos y métodos a nuestra clase Pong. Definición de variables. Visibilidad de atributos y funciones. Definición de atributos. Definición de funciones. El constructor de la clase. Creando un objeto de la clase Pong.
Diseño gráfico de nuestro pong. Enlazando la clase Pong con su representación gráfica. Añadiendo el pong a la escena. ¿Cuál es la idea básica tras la herencia?
Finalizando nuestro Pong básico
Colocando los pongs. ¿Cómo accedo a los métodos y atributos de un objeto? Controlando desde el teclado nuestros pongs. ¿Qué es un evento?
Control de velocidad realista. Acotando los límites del movimiento.
La clase Bola. Detección de colisiones. ¿Cómo detecto colisiones en ActionScript?. Toques finales.
Conclusión y archivos fuente Pong 1.0

FASE II: Pong 1.1 – Pong con escenarios y marcadores

Objetivos
Creando el Escenario
Definición del Escenario. ¿Qué es el encapsulamiento? Control de colisiones: Colisionadores y colisionables. ¿Qué es una interfaz? Definición de interfaces en ActionScript 3.
Un pequeño problema… IColisionable e IColisionador. Bola como IColisionador. Pong como IColisionable.
1. El código del Escenario
  La nueva clase Main. El código del Escenario. creaPongs, creaBolas, creaEscenario, bucle. La bola que colisiona…
Bug (I): La Bola loca
Añadiendo los marcadores
¡Gol! ¿Qué es un evento? Definición de GolEvent. ¿Qué es un atributo estático (static) o de clase? ¿Para qué sirve la palabra clave “super”? ¿Quién produce el GolEvent? ¿Quién detecta el GolEvent?
Nuestro marcador Flash. Código del marcador. Añadiendo los marcadores al Escenario
La clase CampoFutbol
Conclusiones y archivos fuente del Pong 1.1

Otras entradas que podrían interesarte

Tags: actionscript 3, flash, juegos

17 Trackbacks

Por 1.I. Lo primero, organización « Metafísica Informática en 20/11/2010 a las 16:40

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 1. II. La clase del documento « Metafísica Informática en 20/11/2010 a las 17:23

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 2.I. Concepto de clase. Clases en ActionScript 3 « Metafísica Informática en 20/11/2010 a las 17:45

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 2.II. Herencia en ActionScript 3 « Metafísica Informática en 20/11/2010 a las 17:50

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 3.I. Controlando el Pong desde teclado « Metafísica Informática en 20/11/2010 a las 17:56

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 3.II. Movimiento avanzado « Metafísica Informática en 20/11/2010 a las 18:03

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por 3.III. Detección de colisiones « Metafísica Informática en 20/11/2010 a las 18:14

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Fase I: Conclusión « Metafísica Informática en 20/11/2010 a las 18:17

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Fase II: Objetivos « Metafísica Informática en 20/11/2010 a las 18:20

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por ¿Qué queremos que haga nuestro escenario? « Metafísica Informática en 20/11/2010 a las 18:23

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por La Bola y el Pong como IColisionador e IColisionable « Metafísica Informática en 20/11/2010 a las 18:47

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por El código del Escenario « Metafísica Informática en 20/11/2010 a las 20:58

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Bug (I): La bola loca « Metafísica Informática en 20/11/2010 a las 21:04

[...] entrada pertenece a ActionScript 3 – Guía para Principiantes. Bug (I): La bola [...]
Por Produciendo y detectando los goles « Metafísica Informática en 20/11/2010 a las 21:07

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Añadiendo los marcadores « Metafísica Informática en 20/11/2010 a las 21:10

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Un campo de fútbol « Metafísica Informática en 20/11/2010 a las 21:15

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]
Por Conclusión y archivos fuente del Pong 1.1 « Metafísica Informática en 20/11/2010 a las 21:16

[...] Esta entrada pertenece a ActionScript 3 – Guía para Principiantes. [...]