Manejo básico de variables en FlashMX :: Manual del novato ::
Por .txt
Bueno muchachos, hace dos días he cogido el FlashMX para cacharrear un toque con aquello de las variables...
Soy un novato en esto, y lo que he aprendido en este tiempito es poco, pero es un abrebocas que abre tu mente y te dan ganas de hacer mas cosas para adaptar a tu sitio web.
Esto que les voy a mostrar no toma mas de 5 minutos... es sencillo, y para aquellos que ya lo saben, perfecto, pero para mis novatillos esto espero les será útil para un futuro.
No siendo mas... dejo la bienvenida y comienzo.
1. Que vamos a hacer?
Vamos a hacer un swf que nos permite generar un numero “aleatorio” ( uhmm... mas o menos aleatorio!)...
Como? Haremos unos campillos de texto... nuestro usuario coloca unos números, presiona un botón y upa! Generaremos un numero.
2. Que Necesito?
Necesitas una ordenata con 128 RAM, pero supongo que con 64 te defenderas... necesitas ademas FlashMX o por lo menos la versión 5, en si flash no traga mucho sistema...
Ok... ahora si, este manual esta exento de imágenes... así que por favor tengan algo de intuición a la hora de seguir este texto.
Antes que nada, parto de la idea que saben un poquillo de Flash... y que saben algunos términos, además, usare algo de ingles, así que colóquenle algo de sentido si usan una versión en español o viceversa.
Para aquellos que no saben nada, o que están leyendo este texto por simple inercia, les comentare que aquello de variables son como contenedores para almacenar información... y las expresiones son formulas sencillas o complejas que manipulan esta información.
Un ejemplo sencillo: hagan de cuenta que nuestra madre esta haciendo una cazuela, y ella se guía por medio de una receta que ha encontrao en una de esas revistas para mujeres...
Nuestra madre coge una sarten y sobre ella pone los ingredientes, y los mezcla y hace la dichosa cazuela basándose eso si sobre la receta de la revista. Entonces: hagan de cuenta que la sarten son nuestras variables, y que la receta de la revista es la expresión que manipulan la información. Entendido? Creo que si...
Entonces... vamos a hacer un swf que se va a llamar generador de numero de la suerte (si ya sé que suena ridículo... pero tengo poca imaginación para estas cosas!).
Aquel numero de la suerte que hará que nos ganemos el gordo de la lotería, será definido como la fecha de hoy mas la edad de la persona. Si lo miramos desde una formula... seria algo así:
edad+dia+mes+año
Esta formula la consideraremos como una expresión, y cada una de las palabras que componen esta formula son las variables, que como comente antes son contenedores de información.
Lo que nosotros manejaremos aquí serán variables concretas, las cuales se pueden obtener gracias a un campo de texto dinámico u otro de entrada, el cual mas adelante les enseñare a hacer.
Estas variables las crearemos por medio de la accion set variable.
Time to play
Ahora si jugamos por fin... abran su flamante FlashMX, y abran un archivo nuevo (cuando iniciamos Flash también iniciamos una película nueva, trabajen sobre ella).
******************************************************************
Vamos ahora a la barra de herramientas de flash, y seleccionemos la herramienta texto (aquella A grande...), hagan clic sobre el panel opciones de texto, y elijamos como tipo de texto aquel que dice texto de entrada (o en ingles: input text).
Ahora vayan a la escena, y en el fotograma clave 1, creamos un campo con este texto adentro: edad (atención: pongan atención a como le ponen a las cosas... o todo con mayúsculas o minúsculas... no se vayan a enredar!).
Ahora debemos colocarle un nombre de variable a aquel campo de texto, en el mismo panel de opciones de texto, hay un campo llamado var o variable; ahí escriban por favor EDAD (aquí manejare las variables como mayúsculas...).
Ok... ahora haremos que aquel campo de texto sea visible, pues ahí esta, pero no lo podemos ver, así que seleccionen la opción borde / fondo o en ingles: show border around text.
Bueno, ahora limitaremos la cantidad de caracteres permitidos en aquel campo para evitar asi que coloquen una edad increíble, asi que en donde dice maximun characters coloquen 2.
******************************************************************
Ahora repitan este paso para crear el resto de campos, que repito? Aquello que esta entre los asteriscos, solo cambien el texto de cada campo por estos en cada uno: DIA, MES y AÑO, si desean limitar la cantidad de caracteres, pueden hacerlo, solo fijense en la cantidad que limitan... de resto dejen todo quietecillo, haciendo que el campo de texto sea de entrada y que este en el fotograma 1!
Listos? Ahora deben tener 4 campos de texto con estos nombres por separado: EDAD, DIA, MES y AÑO, y ademas... con los nombres de variable de acuerdo al nombre del campo de texto.
Ok, ahora vamos a crear el campo de texto en donde saldrá el famoso numero de la suerte...
Seleccionen de nuevo la herramienta texto, y escriban NUMERODELASUERTE (tal cual... pegado y todo en mayusculas), en el panel de texto, en la opcion tipo de texto, elijan texto dinámico y en el campo variable escriban NUMERODELASUERTE.
Para evitar que el usuario escriba por error texto en este campo, deseleccionen la opcion seleccionable (uhmmm...!), de resto dejen todo tal cual.
Perfecto... ahora vamos a colocar un boton que permita que cuando se haga clic sobre el, el calcule las variables y nos de nuestro numero.
Hagan clic sobre window>common libraries (ventana>librerias comunes), se nos desplegara una ventanita, hagan clic sobre buttons, escojan uno de su agrado y arrastrenlo desde ahí hasta el escenario... en el panel de propiedades, diganle que es un boton, puesto que a veces Flash lo coloca como clip de película y eso no nos sirve.
Bien muchachos... es la hora de la programación (uhmm... esto es fácil! Don’t worry!)… seleccionen el boton, y hagan click sobre la ventana acciones, si no la ven presionen F9... o window>actino.
Después veremos la ventanita acciones... a la izquierda veremos unas acciones de flash y unas categorías... busquen aquella que dice variables y luego hagan doble clic sobre set variable, después, veremos una ventana donde podremos darle parámetros a esta acción, veremos algo como <not set yet> en rojo...
Donde dice variable coloquen NUMERODELASUERTE, y en campo value coloquen:
Number (EDAD) + Number (DIA) + Number (MES) + Number (AÑO)
Luego, al lado del campo value hay un checkbox donde dice expresión... selecciónenla por favor.
Listo! Ya tenemos nuestro trabajo acabado! Ahora probemos!... por favor presionen CTRL+ENTER para probar la película, como la ven? Les sirvió?...
Si llegan a tener errores pues miren bien lo de las variables... o si llegan a ver NaN en el campo de resultado... es porque han introducido texto en vez de números.
Bueno, este manual es muy básico... el resto se los dejo a ustedes, espero que les haya servido...
El archivo .fla de este ejemplo lo hallaran aquí (17Kb):
www.ultragraphiks.com/1.zipbye...
