Flash 8: introducción Action Scripts 2

Lord Zorel: Flash 8: introducción Action Scripts

Para crear un juego en flash, como el del futbolista o uno mejor, debemos aprender a manejar dos cosas:

  • Manipular Variables en Flash.

  • La Estructura de flash (como están ordenados los objetos dentro de flash).



Manipular Variables en Flash.

Una variable en flash es el nombre que recibe un objeto de flash, ya sea un numero, una cadena de texto, un clip de película, un botón, etc.

Para crear una variable en flash debes escribir el siguiente código:

var NombreVariable = variable

por ejemplo:

var x=10

(la variable x vale 10)

var saludo= "hola mundo"

la variable saludo, vale "hola mundo"

var botonEncendido= botonera.play_btn

la variable botonEncendido vale o representa a un botón que se llama play_btn y se encuentra dentro de botonera.

Por regla general, los nombre de las variables no pueden llevar espacios, ni empezar con un numero, ademas flash diferencia entre mayúsculas y minúsculas (la variable holaTu, no es igual a la variable HolaTu)

Creación de variables

Bueno, flash tiene bastantes tipos distintos de variables, pero los usados son:

Number (numero), ejemplo:
var x=10 (también se puede escribir como var x:Number=10 )

Strings (cadena de texto)
var saludo= "Hola Mundo" (también se puede escribir como var saludo:Strings= "Hola Mundo")
El uso de las "..." (comillas dobles) o de las '...' (comillas simples) permiten diferenciar a las cadenas de texto de las variables, por ejemplo, escribe el siguiente código en el primer fotograma de una película vació y luego prueba la película.

var Hola= "¿Cómo estas? "
var saludo= "Hola"
trace( saludo)

Cuando pruebes la película, deberá aparecer un mensaje que dice Hola.
(aparece en pantalla el valor de la variable saludo)
ahora cambia el código anterior por este.


var Hola= "¿Cómo estas? "
var saludo= Hola
trace( saludo)

Ahora, en vez de aparecer un mensaje que dice Hola, aparece un mensaje que dice ¿Cómo estas?
(aparece en pantalla el valor de la variable saludo, solo que esta vez el valor de la variable saludo, es igual al valor de la variable Hola, dirá ¿Cómo estas?)

function (funciones)

en flash, también puedes escribir una función para utilizarla en cualquier momento.
ejemplo:

var parabola= function (x){
var y=x*x
return (y)
}

trace(parabola(2))

Este código crea una función llamada parabola, que utiliza una variable x, y devuelve la variable y (que vale x*x)
el código trace(parabola(2)) dice que evalue parabola en 2 y muestre el resultado, en otras palabra, que calcule 2*2 y de el resultado.

Array (vectores)

Los vectores permiten ordenar datos o variables (no necesariamente del mismo tipo)

por ejemplo:

var Notas= new Array(6, 7, 5)

otro ejemplo.

var Notas=new Array ()
Notas[0]=6
Notas[1]=7
Notas[2]=5

(el [numero] indica en que orden estará la variable)

Los Array son muy utiles para ordenar variables y poder recorrerlas todas, pero eso lo veremos mas adelante.

Modificacion de numeros y cadenas.

para sumar un numero

var x=10
var x=x+5
//a x le sumamos 5

para sumarle 1

var x++
// es una manera rapida de pedirle a x que aumente en una unidad

var x=x-16
// a x le restamos 16

var x=x/4
// a x lo dividimos por 4

var x=x*5
// 5 veces x

var x=x%3
// x vale el resto de dividir x por 3
// no confundir con porcentaje

Ahora con cadenas de texto

var hola= "Hola"

var saludo= hola
// saludo vale hola

var saludo = hola+" ¿cómo estas?
// saludo vale "Hola ¿cómo estas?

var saludo = hola+" ¿cómo estas? \n"+hola+" bien, ¿y tu?"
// saludo vale "Hola ¿cómo estas?"
// "Hola, bien, ¿y tu?"

la palabra clave \n significa que baje una linea mas abajo


Para probar que lo que hicimos funcione bien, inserta

trace(NombreVariable)

para que puedas ver el valor de la variable cuando pruebes la película.



La Estructura de flash

Esto es lo mas genial de flash.

para entenderla, necesito que crees un documento en blanco de flash
¿listo?

Ahora dibuja una persona (sin muchos detalles)

ahora selecciona a esa persona y conviértela en clip de película ( presiona F8 y selecciona clip de película), luego ponle un nombre al clip de película (en el panel propiedades, después de convertirlo en símbolo), yo lo llamare juanito.
¿listo?

Ahora, Dibuja una casa, selecciona la casa y la persona y conviértelas en símbolo (de nuevo F8), luego ponle un nombre a la casa con la persona (yo la llamare casa)

Ahora, juanito esta dentro de la casa ( del clip de película que se llama casa), pero la casa tambien esta en la linea de tiempo principal, que se llama _root.

Dentro de flash, la dirección de juanito es _root.casa.juanito y todas las variables dentro de juanito, estan en _root.casa.juanito.nombreVariable, por ejemplo:

haz doble clic sobre juanito hasta que quede seleccionado





ahora selecciona el primer fotograma de la linea de tiempo (esta linea de tiempo, corresponde a la de juanito, no es la linea de tiempo principal), presiona F9 e ingresa el siguiente código:

var edad=10
// la edad de juanito es 10

Ahora vuelve a la linea de tiempo principal (haciendo doble clic afuera de la casa hasta salir), selecciona el fotograma clave de arriba, presiona F9 e ingresa este código:

trace(_root.casa.juanito.edad)

este código, mostrara la edad de juanito.

Ahora haz doble clic en la casa y dibuja otra persona.
Selecciona la nueva persona y conviértela en clip de película (F8)
Ahora dale un nombre, yo la llamare maría.
Selecciona a maría, haz doble clic y en el primer fotograma de la linea de tiempo de maría, presiona F9 y escribe esto.

var edad=9

Ahora vuelve a la linea de tiempo principal.
selecciona el fotograma clave de arriba.
presiona F9 e ingresa este código:

trace(_root.casa.maria.edad)

este código debería dar como resultado 9


Bueno, espero que halla quedado claro la estructura de flash, solo es cosa de entender que los objetos guardan sus propias variables y que el _root es el lugar donde están almacenados todos los objetos y variables de flash.

Ahora, yo creo que no sera mucho problema entender como esta hecha la animación del futbolista, solo falta mencionar que la función Random(n), entrega un numero al azar entre 0 y n-1, es decir que si pones Randon (3) este devolverá un numero al azar entre 0, 1 y 2

Para que analices por ti mismo el tutorial del futbolista, bájalo aquí, revisalo, modificalo, haz lo que quieras





En este vídeo se utilizan mas opciones de flash, como lo es insertar ese botón con forma de ovalo y escribir el código encima del botón.

Aclaración:

on (Release){


hacer algo

}

es lo mismo que llamarlo desde la linea de tiempo principal y ponerle

nombre_bton.onRelease= function(){

hacer algo
}

a mi me gusta la ultima manera, pues permite ver todos los códigos de los botones desde un mismo fotograma

Comentarios

  1. ola como estan
    jajajajajajajajajajajajajajajajajajajajajaja:):)

    amamam:p
    mas informacion d estructuras en flash para una investigacion.......
    porfis gracias por su amabilidad
    sonrian 100pre:):):):):):):):):):):):):)

    coman muchas frutas y verduras jajajajajajajajj

    bueno baii estodo lo k tengo k decir x el momento
    baiibaii

    ResponderEliminar
  2. You've made some decent points there. I looked on the net for more info about the issue and found most people will go along with your views on this web site.

    Here is my homepage :: how to i get rid of hemorrhoids

    ResponderEliminar
  3. Goоd day! Τhis іs my firѕt ѵisіt tο yоuг blоg!
    Wе arе а tеаm of ѵolunteеrs and ѕtаrting а nеw initiаtive in a communitу in the
    ѕame nichе. Υour blog prоvideԁ us useful infoгmatiοn tο work on.
    You hаvе donе a marvellous job!


    Herе іs my web page :: nagelpilz

    ResponderEliminar
  4. Ι read this piece of wrіting complеtеly
    on the topic of the dіfferеnce of most recent
    and prеνious tеchnоlogies, it's amazing article.

    Also visit my web page :: Chatrulet

    ResponderEliminar
  5. I like the helpful informatiοn you prονide in your аrticlеѕ.
    I'll bookmark your blog and check again here frequently. I'm
    quite certain Ι ωill lеaгn a lοt of nеw ѕtuff rіght hеre!

    Bеst οf luck fοr the next!


    Feel frеe tо surf tо my homepagе: Http://Www.Thehuntingranch.Com/

    ResponderEliminar
  6. Hі everyοne, it's my first pay a quick visit at this web page, and article is really fruitful designed for me, keep up posting such articles.

    Check out my homepage :: http://journals.fotki.com/

    ResponderEliminar
  7. Ӏ am genuinely grateful to the holԁer οf thіѕ web site who hаs ѕharеԁ this imρressіve pοst at at this time.


    Also visit mу site; zahnzusatzversiсherung css flexi ()

    ResponderEliminar
  8. whoah this blog is magnificent i love reading your pοsts.
    Stay uρ the gгеat work! Yоu already know, lοts of individualѕ are lookіng around for this іnfo, you can aid them greatly.



    Feel free to surf to my page nagelpilz spray jenn cosmetic

    ResponderEliminar
  9. Нi! Thiѕ іѕ my first νіѕit to yоur blog!
    We arе a gгoup of vοluntеerѕ аnd starting а nеw initіatiѵe іn a community in the ѕаme niche.
    Your blog provіԁeԁ uѕ benеficial infοrmation to ωork on.
    Υou hаve ԁone a wondеrful јob!


    Feel free to vіѕit my page; hemorrhoid surgery

    ResponderEliminar
  10. Ηeya i'm for the primary time here. I came across this board and I find It truly useful & it helped me out much. I hope to give one thing again and aid others like you helped me.

    My web blog :: chatroulette

    ResponderEliminar
  11. I blog frequently anԁ I genuinely thаnk you for youг content.
    Thіs article has гeаlly peaked my interеst.
    I am going tο bοokmаrk your blog аnd κеep chеcκing fοr nеω informаtіon about once а
    wееκ. I subscribed tо your Feed
    tοo.

    my webpagе - click through the next site

    ResponderEliminar

Publicar un comentario