epelpad

Tutorial Flash : Mover objeto con flechas Creado por mi!

-> ¡Bienvenidos a mi nuevo post! En esta ocasión les quiero enseñar a como crear un objeto el cual podamos mover con las flechas de nuestro teclado.El tutorial esta explicado en un video realizado por mi.Presten mucha antencion


Mover objeto con las Flechas




Aqui les dejare el codigo que se muestra en el video que deberan poner el objeto y ademas explicaré el código para que ustedes entiendan porque se lo usa


onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT)) {
this._x += 6; } }

onClipEvent (enterFrame) {
if (Key.isDown(Key.LEFT)) {
this._x -= 6; } }

onClipEvent (enterFrame) {
if (Key.isDown(Key.UP)) {
this._y -=6; } }

onClipEvent (enterFrame) {
if (Key.isDown(Key.DOWN)) {
this._y += 6; } }


Ahora si explicare paso a paso que significa cada cosa:

-> onClipEvent (parametro) {

Esta parte es fundamental a la hora de empezar a agregar algun codigo a un MovieClip.Este codigo quiere decir que el movieclip tendra una accion dentro del proyecto.Todos los movieclips en su codigo tienen que empezar con onClipEvent (parametro){

Los parametros pueden ser:

-> load : Esto sirve para cuando quieres cargar algo a tu proyecto
-> unload : Cuando quieres descargar algo a tu proyecto
-> enterFrame : Que se realice una accion al empezar el fotograma donde se encuentra el Movie Clip
-> mouseDown : Que se realice una accion al presionar el mouse
-> mouseUp : Que se realice una accion al soltar el mouse
-> mouseMove : Que se realice una accion cuando el mouse pase sobre el el movie clip
-> keyUp : Que se realice una accion cuando se suelte una tecla
-> keyDown: Que se realice una accion cuando se aprieta una tecla

-> if (parametro) {accion};

Este codigo se utiliza para realizar acciones si se cumplen los parametros dentro el if ();.Este metodo se utiliza como una condicion.Si se cumple lo que esta en el (parametro) se cumplira lo que se encuentra en la {accion}.


->Key.isDown (parametro)

Este codigo esta mostrando que la letra se presione.La letra se encuentra entre los parentesis (parametro).No podemos escribir cualquier letra sino los parametros permitidos.Aqui algunos de ellos:

-> Key.DOWN : Si se mantiene apretado el boton de las flecha hacia abajo
-> Key.UP : Si se mantiene apretado el boton de la flecha hacia arriba
-> Key.LEFT : Si se mantiene apretado el boton de la flecha hacia la izquierda
-> Key.RIGHT : Si se mantiene apretado el boton de la flecha hacia la derecha


Si volvemos con el codigo if podemos hacer un buen ejemplo:

onClipEvent (parametro) {
if (Key.isDown (parametro)) { (accion) }
}
Esto quiere decir que si una letra especifica esta presionada entonces se realizara una accion


-> this._y -= 6

En esta parte tenemos algunos codigos todos combinados.Empezemos con el this.

-> this : Este pequeño codigo representa al objeto en el cual se encuentra este codigo.Si ponemos this dentro de un movieclip el cual sea una pelotita entonces el this representara a esa pelotita.Si lo ponemos a la vez en un cuadrado ese this representara al cuadrado y el anterior seguira representando a la pelotita.

-> ._y : Este otro codigo representa a las cordenadas Y.Si recuerdan sus clases de ejes cartesianos recordaran que el eje Y era el que se encontraba vertical.Si se sumaba un numero al punto del eje y ese punto iba hacia arriba.Si se le restaba el numero iba a ser menor entonces iria para abajo.

-> ._x : Este es similar al codigo anterior solo que con el Eje X.Si se le resta un numero al punto va hacia la izquierda.Si se le suma un numero este aumenta y va hacia la derecha.

-> -= 6 : En este ejemplo utilizaremos el 6 pero puede ser cualquier numero.Este codigo representa (en este caso) que a this._y se le restara 6 puntos.Esto quiere decir que su y disminuiria lo que lo haria bajar.Tambien existe otro:

-> +=6 : Similar al anterior solo que este suma al punto en y en este caso le suma 6 puntos.Lo que hace que el objeto suba.


Ahora que tenemos todo entendido vamos a hacer un repaso:

onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT)) {
this._x += 6;
}
}


Traten de interpretarlo ustedes mismos.Si no pueden lograrlo o quieren saber si estan en lo correcto lean mas abajo la interpretacion




Interpretacion:

El codigo se interpreta de la siguiente manera:

Al entrar en el fotograma donde se encuentra el Movieclip, si la letra derecha es presionada ese movieclip aumentara 6 en su eje x lo que lo hara moverse hacia la derecha.


Los 6, si ustedes quieren cambiarle la velocidad a sus objetos pueden modificarlos poniendoles un numero menor para que vayan mas lentos o uno mayor para que vayan mas rapido.

Esa interpretacion se las dejare a ustedes para ver si han aprendido algo

Espero que les haya servido para poder realizar sus proyectos sin tener que hacer Copy-Past y ademas para poder entender que es lo que uno esta realizando

Saludos!


Egary_Master

5 comentarios - Tutorial Flash : Mover objeto con flechas Creado por mi!

fpncc
¿amigo me das el o los links del programa que usas? es que yo quiero empezar a hacer cosas flash...
karkon12
brother puedes subir el swf para verlo en accion
rodolfitilin
amigo, ando buscando una solucion simple a un proyecto, necesito crear 2 botones en la pantalla (UP and DOWN) que me haga el efecto flecha arriba y flecha abajo en un documento abierto, yo podria compilar ese scrip en flash y luego crear un archivo .e x e , si es posible hacerlo por favor necesito su ayuda, gracias
Egary_Master +1
@rodolfitilin

Vos queres hacer un par de flechas para mover un objeto o para mover la pantalla (como un efecto de movimiento de camara)?

El tema de convertirlo en un archivo exe hay varios convertidores pero nunca los utilice porque en mi opinion no deben funcionar muy bien.
Si queres hacer aplicaciones o juegos con ese tipo de extencion te convendria programarlos en C, C+, C++ o C# (este ultimo es el mas utilizado a la hora de realizar los juegos)
rodolfitilin
@Egary_Master gracias por tu respuesta, en realidad es para usar en una pantalla touch, el explorer de windows, tiene la opcion en su pestaña lateral, entonces lo hago manualmente con la flecha arriba abajo, pero quiero obviar el teclado, entonces pensé en crear 2 iconos sobre la ventana abierta para que suba y baje el cursor dentro del documento abierto. espero haber sido claro. Muchas Gracias