Programación de Disparos para Juego Flash

6

El tutorial que a continuación presento, es una simulación de disparos los cuales provienen de los ojos de una imagen de ESQUELETOR (personaje de he – man). Esta animación puede servir como base para desarrollar un pequeño juego de batalla, la imagen tiene movimiento arriba, abajo, izquierda y derecha, el control de disparos es por medio de la tecla ctrl. Tener mucho cuidado en los pasos 2 y 4 ya que el truco de los disparos dependen en gran medida de estos pasos. Good luck!! ¿comenzamos?.

1-. Comenzar por hacer un documento (ctrl. + J) con las siguientes propiedades.
a)-. Las dimensiones son 250 * 145 píxeles de ancho y alto.
b)-. Utilizar como color de fondo #FFFFFF.
c)-. En velocidad de fotogramas colocar el número 35 fps.

2-. Crear un nuevo símbolo (ctrl. + F8).
a)-. Nombrarlo balas y de Tipo Clip de película.
b)-. Dar clic en el botón de Avanzado para hacer la Vinculación.
c)-. Colocar el nombre de proyectil en el identificador.
d)-. Seleccionar en Vinculación las casillas de Exportar para ActionScrip y Exportar en primer fotograma.

3-. Ubicado en el símbolo dibujar los proyectiles que serán arrojados. El tamaño de los objetos y coordenadas son específicos para la imagen.
a)-. Dibujar unas flechas de tamaño 10.0 * 4.5 píxeles.
b)-. Seleccionar las dos flechas y colocarlas en coordenadas X = 4.0 y Y = 15.0.

4-. Crear el segundo símbolo (ctrl. F8).
a)-. Nombrarlo gun y de Tipo Clip de película.
b)-. Dar clic en el botón de Avanzado para hacer la Vinculación.
c)-. Colocar el nombre de disparos en el identificador.
d)-. Seleccionar en Vinculación las casillas de Exportar para ActionScrip y Exportar en primer fotograma.

5-. Ubicado en el símbolo dibujar o importar una imagen.
a)-. Las dimensiones de la imagen son 147.5 * 153.5 de ancho y alto.
b)-. Colocar la imagen en coordenadas X = -3.0 y Y = -10.0.
Nota las dimensiones y coordenadas de la imagen son específicas para entamado y coordenadas de las flechas dibujadas anteriormente.

6-. Regresar a la Escena
a)-. Cambiar el nombre de la capa por el de acciones proyectil.
b)-. Seleccionar el fotograma.
c)-. Abrir la barra de Acciones – fotograma e insertar el siguiente código action script.
function createflecha() {
var ojomc = this.attachMovie(juego_01+ojosCount, 1000+ojosCount);
ojosCount++;
ojomc._x = display._x+(display._width/2)-(ojomc._width/2);
ojomc._y = display._y+ojomc._height;
ojosArray.push(ojomc);
}
function moverflecha() {
if (ojosReady && Key.isDown(Key.CONTROL)) {
ojosReady = false;
currentTime = getTimer();
createflecha();
} else {
if (currentTime+ojosDelay<=getTimer()) {
ojosReady = true;
}
}
for (var i = 0; i<ojosArray.length; i++) {
ojosArray[i]._x += ojosVel;
}
}
var ojosVel = 10;
var ojosReady = false;
var ojosDelay = 150;
var ojosArray = [];
var ojosCount = 0;
this.onEnterFrame = function() {
moverDisplay();
moverflecha();
};

7-. Agregar una capas más y cambiar el nombre por el de acciones gun.
b)-. Seleccionar el fotograma.
c)-. Abrir la barra de Acciones – fotograma e insertar el siguiente código action script.
var velocidadxy = 5;
var display = this.attachMovie(juego_02, 100);
function moverDisplay() {
if (Key.isDown(Key.LEFT)) {
display._x -= velocidadxy;
}
if (Key.isDown(Key.RIGHT)) {
display._x += velocidadxy;
}
if (Key.isDown(Key.UP)) {
display._y -= velocidadxy;
}
if (Key.isDown(Key.DOWN)) {
display._y += velocidadxy;
}
}

Con este paso queda concluido el tutorial well done!!.

P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado. Si logras desarrollar la segunda parte del tutorial en la cual los proyectiles destruyan algún objeto, no seas mala persona y compártela en este espacio. ): Hasta prontito :)

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Artículos relacionados:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6 comentarios para “Programación de Disparos para Juego Flash”

  1. Rafael says:

    Una consulta

    como puedo colocar este sistema de comnetarios en un Blog si me podrias facilitar la plantilla o puedes crear algun tuto y eso :D

  2. ramon says:

    me gustaria saber kmo hacer k aya en un jeugo de tiros un numero limitadod e balas i k kuandod se terminen haya ke recargar i k si se dejara el boton para disparar presionado se dispararan las balas una detras de la otra kmo las metralletass.
    mersi si lo saben porfavor eskribemen en mi correo o pol messenger
    dews

  3. billi joe says:

    una cosa.. hice todo lo de la pantalla y a la hora de probar se me ve todo blanco… lo estoy haciendo en formato documento de flash, alguien me podria ayudar?

  4. Jonathan Castro says:

    yo lo hice todo… y al disparar varias veces se va corriendo el _x del “proyectil” asi que al presionar [Ctrl] por un cierto tiempo el _x del “proyectil” supera la ventana del flash player :( no se puede disparar mucho jeje

  5. Jonathan Castro says:

    Eh Ramon… para hacer una cantidad de balas limitadas, puedes hacer una variable que tenga el número de balas que quieras que se puedan disparar, despues, en la accion de disparar, pones que el número de esa variable disminuya en 1 cada vez que se ejecute la accion de disparar, luego de esto,
    agregas las acciones dependiendo del número de la variable, por ejemplo:

    if(numeroDeBalas<1){
    mc_animacionDeRecargar.play();
    }

    haciendo que cuando la variable de numero (“numeroDeBalas”)
    sea menor a 1, se haga la animacion de recargar el arma.

    Además, si quieres que se dispare como metralleta, podrias usar un “onPress”+onEnterFrame o un “onMouseDown”+onEnterFrame, para que al ejecutar la accion de “press”, se dispare y usar un “onMouseUp” para cuando se haga un “release” se detenga la accion de disparar… espero sea de ayuda :)

    por cierto… mi msn es jonedpipi@hotmail.com

  6. alexis says:

    Necesito que me den una guia:
    quiero que dada una lista de muñecos poder escogerlos ponerlos en la pantalla, cada cual apuntando en una direccion y que al presionar un boton estos den al menos un disparo, la bala saldra en linea horizonta o en forma de parabola y si coincide con un muñeco lo elimine……….aunque sea que me ayuden con el comienzo

Dejar un comentario

Página 1 de 0