Archivo del sitio

Creando vídeo juego en flash (Sprites Parte 1)


Buen día, dado que no tengo gran cosa que hacer últimamente, me he dedicado a mis investigaciones lo cual me llevo a realizar algunas pruebas para iniciar un vídeo juego en flash.

para el siguiente tutorial tomaremos el siguiente sprite:

http://www.spriters-resource.com/pc_computer/recettear/sheet/51951/

Creando los Simbolos:

Arriba
Abajo
Izquierda
Derecha
Kahinus

Dentro de Kahinus pegaremos el mapa de bits limpiándolos y utilizando los que se necesitan en este caso yo utiliza los siguientes:

Abajo

Arriba

Derecha

Izquierda

una vez seleccionados nuestros sprites y haberlos limpiado del color verde, tomaremos uno de los simbolos que ya habiamos creado, creando cuatro fotogramas limpios pegando cada uno de los los dibujos de izquierda en el centro, permitiendo de esta manera que aparesca el movimiento quedando algo como esto:

Final del fotograma

Una vez terminado con todas las acciones de nuestro personaje, iremos al Símbolo que llamamos Kahinus y tomaremos un solo fotograma para cada símbolo algo como lo siguiente:

Cada uno de los Simbolos creados anteriormente, tienen que ser metidos en los fotogramas utilizados permitiendo accceder a todos en el momento que sea necesario

Ahora bien, vamos a editar la clase Kahinus del siguiente modo, Click con el Botón derecho en el Símbolo que nombramos Kahinus:

y Nos mostrará las siguiente pantalla:

El Código es el siguiente:

package  {
	
	import flash.display.MovieClip;
	
	
	public class Kahinus extends MovieClip {
		
		var Nivel:Number = 0;
		var Puntos:Number = 0;
		var HP:Number = 100;
		var SP:Number = 50;
		var Oro:Number = 0;
		var Nick:String = "";
		
		
		public function Kahinus() {
			this.Quieto();
		}

		public function Quieto() {
			this.gotoAndStop(1);
		}		
		
		public function Arriba() {
			this.gotoAndStop(2);
		}
		
		public function Abajo() {
			this.gotoAndStop(3);
		}		
		
		public function Derecha() {
			this.gotoAndStop(5);
		}
		
		public function Izquierda() {
			this.gotoAndStop(4);
		}	
		
	}
	
}

Finalmente seleccionaremos la Escena, presionaremos F9 y escribiremos el siguiente código en ActionScript:

import flash.events.KeyboardEvent;

var personaje:Kahinus = new Kahinus();
addChild(personaje);

personaje.x = stage.stageWidth/2;
personaje.y = stage.stageHeight/2;

var mocIzquierda : Boolean;
var mocDerecha : Boolean;
var mocArriba : Boolean;
var mocAbajo : Boolean;
var Ataca : Boolean;

var velocidad:Number = 5;

stage.addEventListener(KeyboardEvent.KEY_DOWN, teclaPrecionada);
stage.addEventListener(KeyboardEvent.KEY_UP, teclaLiberada);
stage.addEventListener(Event.ENTER_FRAME,mover);

function teclaPrecionada(e:KeyboardEvent):void {
	if (e.keyCode == 37) {
		mocIzquierda = true;
	}
	if (e.keyCode == 38) {
		mocArriba = true;
		
	}
	if (e.keyCode == 39) {
		mocDerecha = true;
	}
	if (e.keyCode == 40) {
		mocAbajo = true;
	}
}

function teclaLiberada(e:KeyboardEvent):void {
	if (e.keyCode == 37) {
		mocIzquierda = false;
	}
	if (e.keyCode == 38) {
		mocArriba = false;
	}
	if (e.keyCode == 39) {
		mocDerecha = false;
	}
	if (e.keyCode == 40) {
		mocAbajo = false;
	}
	if (e.keyCode == 65) {
		Ataca = false;
	}
	personaje.Quieto();
}

function mover(e:Event):void {
	if (mocIzquierda) {
		personaje.x -= velocidad;
		personaje.Izquierda();
	}
	if (mocArriba) {
		personaje.y -= velocidad;
		personaje.Arriba();
	}
	if (mocDerecha) {
		personaje.x += velocidad;
		personaje.Derecha();
	}
	if (mocAbajo) {
		personaje.y += velocidad;
		personaje.Abajo();
	}
}

finalmente ejecutaremos el SWF

Por hoy es todo, continuaremos haciendo a los enemigos y divirtiendonos un poco más

Código Fuente: Descargar

SWF: Descargar

 

Anuncios
A %d blogueros les gusta esto: