Programa AS3 sin morir en el intento

Anda te invito a echarle un ojo a esto, yo sé que comenzar con un lenguaje puede ser frustrante y hasta se pierde uno que otro ligue por eso.

Comienza desde cero pero comienza bien, aquí habrá un poco de ayuda, después podrás saltar a sitios más especializados.

Búsqueda en éste blog solamente

Seguidores y Fans

jueves, 8 de octubre de 2009

Flash desde cero en español

Lo primerísimo, arramca flash y ¿qué hay?


Primero, el la barra de menú



Segundo, por lo general comienza la pantalla de bienvenida, desde la que podemos crear documentos o abrir docs recientes, etc.



Podemos elegir donde dice Crear Nuevo y escoger Archivo Flash ActionScript 3.0 ó en la barra de menú>Archivo>Nuevo, esta última tiene una ventana con dos opciones: General y Plantillas.


General. Sirve para elegir un tipo de documento cualquiera.



Plantillas. Como para cosas concretas, juegos para celular, etc (la desconozco por completo).



Ambas opciones crean un nuevo documento! Lo coloca en una nueva ventana (por lo general). Casi siempre se compone esta ventana de un Timeline y la parte del Documento.



Antes de continuar, hay que guardar. Clic en barra de menú>Archivo>Guardar, y esto nos pone la ventana para guardar. Asegúrate de que esté elegida la opción "Documento de Flash CS3 (*.fla)". Nómbralo como "Proyecto.fla" nada más para que concuerde con este tutorial.



Continuando la explicación, veremos la barra del Timeline. Si no está presente el timeline, clic en barra de menú>Ventana>Linea de tiempo.



Teniendo el Timeline o Linea de tiempo, están presentes las Capas o Layers del lado izquierdo y del lado derecho los Frames. Del lado derecho, bajo las capas, están las opciones para crear nuevas capas o borrar la seleccionada. En los frames... ahora no vale la pena dar detalles.




Ahora vamos a lanzar las herramientas, sirven para

seleccionar objetos

seleccionar paths

seleccionar con laso

dibujar paths

crear cajas de texto

crear líneas, crear figuras

dibujar con lápiz, pintar

poner color a contornos de figuras

poner color de relleno a figuras

seleccionar muestra de color

borrar

la manita es para mover el documento en la mesa de trabajo

hacer zoom

seleccionar un color de contorno

seleccionar color de relleno

los de abajito ni los conozco.


Selecciona la herramienta de dibujo de figuras y haz un cuadrito en el stage (el stage es el área del documento y es lo que se verá en la pantalla cuando exportes). Mi cuadrito es rojo y tiene un alpha como de 0.5 creo.



Me ahorraré por tiempo algunos pasos, pero ahora selecciona la herramienta de Selección de Objetos (la flechita negra) y dale doble clic al cuadrito. Doble clic! uno solo seleccionaría solo el relleno. Luego ve a barra de menú>Modificar>Convertir en símbolo. Aparece la ventana como la que sigue. Un símbolo equivale en director a los casts supongo, pero son muy muy diferentes la verdad. Imagina los símbolos como objetos, les llamaremos MovieClips o Clips de Película (puede haber más pero este será MovieClip)



Dale el nombre, como viene en este ejemplo "cuadrito" y que sea de tipo Clip de Película (MovieClip).



En el stage la figura que tenías seleccionada ha cambiado, ya no es un "shape" sino un MovieClip. Dale un cli, uno solo! dos clics te llevarían a la edición de ese MovieClip, donde tendrías chance de modificar la figura, estos cambios se propagarían...). Luego ve a barra de menú>Ventana>Propiedades>Propiedades.



Estoy que me cago y si pudiera llevaría la compu al baño. Bueno sigamos, el panel de Propiedades te deja modificar varias cosas, tanto para figuras, líneas, MovieClips, botones (Button) y etc.



Ponle un nombre al MovieClip que seleccionaste.



¿Qué está pasando? Ahora tienes en el Stage un objeto de tipo MovieClip que se llama "cuadrito_mc". Y las acciones ¿cómo pues? aaah eso viene en un momento.

Ya tienes seleccionado tu MovieClip, ahora, vete al Timeline y selecciona el frame donde se encuentra el cuadrito.



Ya lo seleccionaste (el frame) y dale option+clic para que te aparezca el menú de opción de ese frame:



Te aparece el panel de las acciones. Así de rápido, tienes de un lado las acciones que puedes meter que vienen por default en flash y del lado derecho el código de tu frame. Si está cerrado del lado izquierdo ábrelo dándole clic a la como flechita que está en medio de la ventana de ese lado izquierdo. Escribe en el código (lado derecho) lo siguiente. Si ves que al principio de las líneas de código que te digo poner un número, no lo pongas, es tu referencia de qué número de línea es.:

  1. trace("Timeline> "+cuadrito_mc)


Oh sí, mi código aparece en letras verdes sobre negro. Eso se modifica en las preferencias de flash.


Ahora como me estoy echando el fast track tutorial, escribe en el código de modo que quede así:

  1. trace("Timeline> "+cuadrito_mc)
  2. import flash.display.MovieClip
  3. cuadrito_mc.alpha=.25
Lo que le estás diciendo es que
  1. envíe un mensaje a la ventana output (aparece cuando exportas) que diga "Timeline>" y te diga qué es cuadrito_mc (y te va a decir que es un objeto MovieClip cuando exportes tu documento).
  2. que importe de la librería de Clases (hazle wiki para que te enteres mejor qué es una clase), una que se llama MovieClip (es del mismo tipo que el cuadrito convertido en símbolo y que quedó como Clip de Película) y que se localiza en el paquete display, paquete que a su vez se encuentra en el paquete flash. Por ahora esto no hace nada más, solo la importa y ya, luego la ocuparemos.
  3. que al cuadrito en el timeline donde te encuentras que se llama "cuadrito_mc" se le cambie el alpha con un valor de 0.24. El alpha se maneja de cero a uno como máximo.
Ahora, dale doble clic a la palabra MovieClip en el código y dale option+clic para que aparezca el menú de opción y le das en Ver ayuda:



Te va a salir la ayuda. Casi nadie conoce esta ventana, por eso se venden inecesariamente libros de flash al por mayor. Como el cuadrito es de tipo MovieClip, podrás modificar las propiedades o llamar los métodos que aquí te describe la ayuda. Luego te explico bien otras cosas, por lo pronto échale un ojo a Paquete, Clase, Herencia y Subclases. Date una idea de qué pasa, como tip, como el cuadrito es de tipo MovieClip, y esta clase MovieClip tiene herencia en otras clases, también podrás modificar las propiedades o llamar los métodos que describen los "padres" de esta clase a la que pertenece el cuadrito.

Ya, me largo, luego le echare más a este tutorial fast track, la guía que todo nuevo flashero debería tener y dejar de comprarse tanto librito.