martes, 29 de mayo de 2018

Aprendiendo a hacer un juego de pc | Parte 1 | Un simple boton!

Hola, en este tutorial aprenderemos como crear un sencillo boton bien basico. Que sera como hacer nuestro primer juego de computadora.
 Lo que deben hacer es tener la herramienta correcta para desarrollar el juego. Para este ejemplo usaremos el adobe flash cc, cs6, o el que tengan.
 Lo primero que deben hacer es obviamente dibujar el boton. Luego deben dibujar una animacion del boton presionado. Y por ultimo deben agregar el codigo.
 Para empezar comenzaremos con las siguientes tareas:
Debes agarrar el boton del primer fotograma, que se encuentra sin precionar, seleccionar todo el dibujo y darle click derecho y convertir en simbolo. Una vez hecho eso, el boton se convertira de un dibujo a una especie de imagen con recuadro celeste. Deben hacerle click para que aparezca ese recuadro que marca que el boton a sido seleccionado y vamos al panel propiedades y le agregamos un nombre. En este caso botoncito.
 Ahora que ya tienes a botoncito vamos al fotograma 1 y ponemos en el panel acciones el siguiente codigo:
stop();
Luego agregamos debajo el siguiente codigo.
function botoncitoapresionar(e:Event):void{
stage.gotoAndPlay(2);
}
botoncito.addEventListener(MouseEvent.CLICK, botoncitoapresionar);
Y listo.
Lo que hace el codigo es lo siguiente.
El stop(); le dice al flash que se quede quieto en el fotograma en el que se encuentre escrito.
Luego necesitamos hacer que cuando se clickee el boton pase a reproducirse la escena del boton presionado. Por lo que usamos la palabra botoncito para referirnos a el, luego addEventListener que significa que cuando ocurra un evento en botoncito ya sea del tipo click, de movimiento de mouse, de tocar una tecla o de lo que sea, que pare este caso pusimos MouseEvent.CLICK que es evento de tipo mouse y para ser mas especificos del tripo click izquierdo. Ocurra lo que pase en botoncitoapresionar. Es decir que va a ocurrir algo en el objeto botoncito, y lo que va a ocurrir es lo que le digamos en botoncitoapresionar. Que si vemos ponemos function botoncitoapresionar que es como se llamara y luego entre parentesis (e:Event) es decir cuando ocurra el evento, que en este caso es el click, luego :void (esta parte por ahora no interesa explicarla solo agreguenla), y entre llaves {} ponemos lo que ocurrira, que pusimos stage.gotoAndPlay(2); que quiere decir que va a ir al fotograma dos y luego se reproducira para que siga corriendo los demas fotogramas. Y con eso ya tendriamos creado nuestro boton.