Hola gente como va, les dejo este tutorial que estuve haciendo sobre el uso de Flash Cs3, esto es una introducción para aquellos que quieren programar juegos y no tienen ni idea de como empezar. Así que empezamos desde 0 y de a poco voy a ir subiendo más tutoriales aver hasta que complejidad podemos llegar!
Introducción
En 1996 la empresa FutureWave desarrollo un Software llamado FutureSplash Animator, programa que luego pasaría a convertirse en Macromedia Flash.
Este software disponía de una innovadora línea de tiempo y unas pocas acciones para poder agregar interactividad a la animación.
Un año después en 1997 Macromedia adquiere esta aplicación y la renombra como “Flash”.
Si bien este software fue inicialmente diseñado para crear animaciones vectoriales bidimensionales, ya por la versión 5 del software Flash, Actionscript, que inicialmente eran las escasas acciones que añadían interactividad a una animación, se desarrolló bastante como para poder llamarlo “lenguaje de programación” y con esto cambió la forma de pensar acerca del uso de Flash.
No solo se podían crear animaciones, sino que también se podían crear aplicaciones que más adelante con la evolución de internet se popularizaron mucho, como por ejemplo, páginas webs hechas en Flash, aplicaciones hechas en Flash, juegos hechos en Flash, reproductores de video y sonido hechos en Flash.
A partir de acá es en donde este tutorial se va a centrar, se aprovechará el lenguaje de programación Actionscript que al ser orientado a objetos nos es muy útil para el fin que se le quiere dar. También se aprovechara el entorno de trabajo de Flash el cual nos hace la programación más intuitiva y nos da la posibilidad de trabajar y visualizar con gráficos y animaciones en forma conjunta a la programación. También se utilizarán las diferentes librerías que nos ofrece Flash para poder trabajar con gráficos aprovechando el rendimiento y la versatilidad de la aplicación.
Comenzando con Flash
Para poder comenzar con los contenidos referidos a la programación, se deben definir los elementos necesarios de los que se necesita tener conocimiento para poder seguir este tutorial.
Requerimientos
En este tutorial utilizaremos Flash en su versión CS3 para el sistema operativo Windows, que incluye en lenguaje de programación Actionscript 3. El Software puede comprarse desde la web de Adobe o bien bajar la versión de prueba que nos da la opción de probar el software durante 30 días. Otra opción es utilizar Flash Develop 3, que es un editor de código muy simple y es muy útil a la hora de organizar nuestras clases, pero en este caso no habrá posibilidad de utilizar un entorno de trabajo como es el de Flash.
Creando un nuevo documento Flash
Para crear un nuevo documento, debemos ejecutar Flash y hacer clic sobre la opción de la barra de menús “Archivo” y seleccionar “Nuevo”, se abrirá una pantalla en donde se encuentran las opciones disponibles para crear un nuevo documento, en este caso, seleccionamos “Archivo de Flash (ActionScript 3.0)”.
Una vez creado el documento se puede observar en la parte inferior de la pantalla un panel con la leyenda “Propiedades”, si usted no ve este panel diríjase a la opción de la barra de edición “Ventana”, luego sitúese sobre “Propiedades” y dentro de ésta debe elegir la opción “Propiedades”, una vez hecho esto aparecerá finalmente el panel Propiedades en la parte inferior de la pantalla. Una forma más fácil de realizar esto es presionando las teclas Ctrl + F3 conjuntamente.
En el panel propiedades se encuentra un botón el cual nos indica el tamaño del documento Flash, presionando sobre ese botón se abrirá la pantalla de propiedades del documento donde podremos definir, el título del documento al que vamos a poner como nombre “Mi primer programa”, la descripción del documento al que en este primer ejemplo vamos a poner “Aprendiendo a utilizar el entorno Flash y a programar con ActionScript 3.0”, el tamaño del documento, en este caso vamos a utilizar un documento de 500 x 400 px, pero el tamaño puede definirse a basándose en las necesidades de la aplicación que se quiere desarrollar, luego se puede observar el color de fondo que tendrá el documento, al presionar sobre el color seleccionado, se abrirá una pantalla con una paleta de colores dándonos la opción también de escribir su código en hexadecimal, en este primer ejemplo seleccionaremos el color blanco (#FFFFFF), debajo de la opción para seleccionar el color de fondo se encuentra la opción en la cual se puede definir la velocidad de fotogramas, que por defecto viene en 12 fps (frames por segundo), en nuestro caso para que la animación sea más fluida vamos a modificar este valor a 30 fps, los fps se pueden modificar dependiendo de la aplicación que se quiera realizar, hay que tener en cuenta que mientras mayor sea el número de fps mayor serán los recursos que consumirá la aplicación o animación lo que puede ralentizar la misma.
Finalmente pulsamos sobre el botón “Aceptar” y ya estará listo el nuevo documento Flash para poder comenzar a utilizarlo.
Interfaz de Flash
Al iniciar el programa, aparecerá una pantalla de bienvenida, la cual ofrece distintas opciones para comenzar (Ver figura 1.1).
Las opciones son: Abrir un elemento existente, en donde aparece una lista con los documentos utilizados recientemente, y una opción de abrir la cual ofrece la posibilidad de buscar un documento en una localización específica. La segunda opción es Crear nuevo, en donde se encuentran las diferentes posibilidades a la hora de crear un nuevo documento. Como tercera opción se encuentra Crear con plantilla, en donde aparece una lista con las diferentes plantillas que ofrece flash, y una opción Más, la cual abre un asistente para la selección de plantillas. Como cuarta opción se encuentra Ampliar, donde se puede observar un elemento con la leyenda Flash Exchange. Flash Exchange sirve para extender la funcionalidad de flash, desde la interfaz con nuevas herramientas y funciones hasta aplicaciones independientes que interactúan con Flash. Debajo de estas opciones podremos observar una lista, en la cual al hacer clic en sus elementos, se abrirá una página en el navegador, donde se encuentran tutoriales sobre Flash. A su derecha se puede observar un ícono de Flash con un título que tiene como leyenda “Adobe Creative Suite” en el cual al hacer clic, se abrirá una página en el navegador con los últimos productos de la suite de Adobe. Por último se puede encontrar una casilla de verificación con la leyenda “No volver a mostrarlo”, que al seleccionarla ocultara la pantalla de bienvenida cada vez que se abra la aplicación.
Figura 1.1
Una vez que se crea o se abre un documento, se visualiza la interfaz de Flash. Dentro de la interfaz se pueden observar diferentes aspectos. En la parte superior de la pantalla se puede visualizar la Barra de menús, debajo de ésta se encuentra la línea de tiempo, a la izquierda de la pantalla se puede observar la barra de herramientas, en el centro se encuentra el entorno de trabajo, debajo del entorno de trabajo se visualiza el panel de propiedades y por último en la parte derecha de la pantalla se pueden observar otros paneles (Ver figura 1.2).
En la próxima entrega se pasara a describir cada una de los elementos de la interfaz de Flash con sus propósitos.
Figura 1.2
Entregas:
ActionScript Experiment