epelpad

como crear un juego de plataformas en flash tuto con imagen

bueno taringueros muchas veces cree temas de como crear un juego flash pero siempre sin imagenes y no entendian muy bien hoy boy a aportarles un tutorial mio para que sepan como hacer sus juegos facilmente en flash con action scrip 2.0.
bueno primero vamos a abrir nuestro programa de edicion en mi caso adobe flash cs3 y seleccionar action script 2.0
como crear un juego de plataformas en flash tuto con imagen
ahora vamos a dibujar a nuestro jugador,yo ya lo ise,ustedes aganlo como mas les guste tomensen su tiempo yo lo ise rapido xD
Como
despues de dibujarlo seleccionamos todas sus partes y lo convertimos en simbolo apretando F8 y en su nombre le ponemos jugador,si quieren ponganle martin mono lo que quieran xD
crear
ATENCION:esto es muy importante sin este codigo su jugador no ba a poder moverse ni hacer nada. en sus acciones tienen que poner el siguiente codigo osino su jugador no ba a hacer nada.
mi
[color=#000000]onClipEvent (load) {
xvel = 4;
yvel = 1;
salto = -10;
limite = 10;
}
onClipEvent (enterFrame) {
if (_root.suelo.hitTest(_x, _y+_height/2, true)) {
while (_root.suelo.hitTest(_x, -2+_y+_height/2, true)) {
_y--;
}
yvel = 0;
if (Key.isDown(Key.UP)) {
yvel = salto;
_y += yvel;
}
} else if (_root.suelo.hitTest(_x, _y-_height/2, true)) {
yvel = yvel*-1;
_y += yvel;
while (_root.suelo.hitTest(_x, _y-_height/2, true)) {
_y++;
}
} else {
_y += yvel;
if (yvel<=limite) {
yvel++;
}
}
_x += (Key.isDown(Key.RIGHT)-Key.isDown(Key.LEFT))*xvel;
while (_root.suelo.hitTest(_x+_width/2, _y, true)) {
_x--;
} while (_root.suelo.hitTest(_x-_width/2, _y, true)) {
_x++;
}
}
//accion
onClipEvent (enterFrame) {
    ship = _root.jugador.one;
    if (Key.isDown(Key.RIGHT)) {
        ship._xscale = 100;
        ship.gotoAndStop("caminando");
    } else if (Key.isDown(Key.LEFT)) {
        ship._xscale = -100;
        ship.gotoAndStop("caminando");
    } else if (Key.isDown(Key.CONTROL)) {
        ship._yscale = 100;
        ship.gotoAndStop("atak");
    } else if (Key.isDown(Key.DOWN)) {
        ship._yscale = 100;
        ship.gotoAndStop("agachado");
    } else {
        ship.gotoAndStop("normal");
    } if (Key.isDown(Key.UP)) {
        ship._yscale = 100;
        ship.gotoAndStop("salto");
    } 
}
onClipEvent (enterFrame) {
    if (_root.nopase.hitTest(_x, _y+_height/2, true)) {
        while (_root.nopase.hitTest(_x, -2+_y+_height/2, true)) {
            _y--;
        }
        yvel = 0;
        if (Key.isDown(Key.UP)) {
            yvel = salto;
            _y += yvel;
        }
    } else if (_root.nopase.hitTest(_x, _y-_height/2, true)) {
        yvel = yvel*-1;
        _y += yvel;
        while (_root.nopase.hitTest(_x, _y-_height/2, true)) {
            _y++;
        }
    }
    while (_root.nopase.hitTest(_x+_width/2, _y, true)) {
        _x--;
    }
    while (_root.nopase.hitTest(_x-_width/2, _y, true)) {
        _x++;
    }
}
[/color]

ahora en propiedades y nombre de instancia le ponemos jugador,esto es importante aca si o si tienen que ponerle jugador.
plataformas
una vez echo eso ahora clikeamos 2 vecez en nuestro personaje,ahora vamos a convertirlos a simbolo denuevo
juego
el nombre de simbolo no importa,ahora en su nombre de instancia le ponemos one
flash
ahora creamos una nueva capa y en su primer fotograma en sus acciones le ponemos el siguiente codigo
[color=#000000]stop();[/color]
de
listo ahora vamos a crear las animaciones de nuestro jugador ,clikeamos 2 vecez en nuestro jugador>one y creamos 2 capas mas y agregamos 4 fotogramas apretando F6,en total serian 5 pero el 5 es un ataque de nuestro jugador si no quieren un atake simplemente no lo agreguen
un
ahora vamos a ponerle fotograma por fotograma su corespondiente nombre de instancia para que nuestro jugador obedesca al presionar el boton y que aga su animacion corespondiente.los nombres de instancia son
[color=#000000]normal,caminando,salto,agachado,atak[/color]
porencomo crear un juego de plataformas en flash tuto con imagen
y asi con los 5 fotogramas.
ahora vamos a dibujar las animaciones,primero que todo lo convertimos en simbolo las 5 veces.
Comocrear
y asi con los otros 3 fotogramas.
ahora si a dibujar cuando,esta normal despues caminando despues saltando despues agachado y por ultimo atakando.vamos a entrar a cada simbolo que esta debajo de cada fotograma con su nombre de instancia que ya nombramos,y a dibujar nuestras animaciones,yo boy a trabajar usando las interpolaciones de movimientos y distribullendo todas las partes de mis jugadores seleccionandolas y apretando el segundo click el de la derecha del mouse abriendo el panel,selecciono la opcion distribuir en capas,ya distribuidas agrego 1 fotograma clave en el fotograma numero 10.
mi
ya ise mi animacion como que mi jugador en el estado normal esta respirando.
plataformas
agan sus animaciones como deseen xD si quieren darle un toque mas humanistas avisenmen que les paso un video tutorial de un amigo de youtube de como hacerlo,para que su juego salga mejor .(pidanlo en los comentarios si quieren el tuto).
ahora seguimos ya ise normal ahora tengo que hacer caminando,despues saltando,despues agachado y atakando.
para esto vamos a entrar en el segundo fotograma que seria caminando,clikeando 2 vecez
juego
ya adentro hacemos nuestra animacion,yo boy a utilizar el mismo metodo de distribuir en capas,y interpolacion de movimientos.
flash
bueno no boy a poner mis otras animaciones por que perdemos tiempo xD ba esque es mucho trabajo me imagino que ya abran entendido un poco ,atencion esto es algo que si hacen un jugador con pies y manos y en su animacion de cuando se ba agachando si lo hacen fotograma por fotograma en el ultimo ponganle en sus acciones el siguiente codigo por que sino se les ba a reproducir la animacion y cuando quieran que su jugador quede ahi agachado ba a volver a pararse y llendo de apoco a agacharse y asi....
[color=#000000]stop();[/color]
de
bueno una vez terminandas nuestras animaciones vamos a la ecena1.
un
y ahora vamos a dibujar nuestro nivel,o el suelo.
yo boy a dibujar un simple pedazo de tierra con pasto arriba xD.
por
ahora seleccionamos nuestro suelo en mi caso el pedazo de tierra con pasto arriba xD y lo convertimos a simbolo apretando F8.
en
ahora en su nombre de instancia le ponemos suelo.
como crear un juego de plataformas en flash tuto con imagen
ATENCIONARA QUE SU JUEGO NO SE VEA LENTO APRETEN EL SEGUNDO CLICK Y CLIKEEN EN PROPIEDADES DEL DOCUMENTO Y ADONDE ESTA 12 PONGANLE 24.
Como
Listo =D ahora apretando ctrl+enter probamos el juego ,pero esto no es todo es solo la parte basica mas adelante les boy a enseñar como hacer enemigos ponerle barras de vida a su jugador ponerle trampolines,que pueda trepar paredes,etc.ahora si se los digo de encerio lo boy a hacer ya que ahora tengo un programa para sacar imagenes que antes no tenia xDDB bueno asi quedo mi juego.los comandos de mi juego y si icieron todo como el mio tambien serian del suyo xD con las flechas te moves con la flecha de arriba saltas xD con la de abajo te agachas y con el ctrl haces tu ataque en mi caso poder,mantenganlo apretado al ctrl.



link: http://www.fileize.com/files/3534fb6a/9b7/Sin_ttulo-4.swf
ESPERO QUE AYAN ENTENDIDO SALUDOS
ATT:ICHIGOKPO2

algunos me dicen que no ven las imagenes nose por que pero otros si las ven que pasa xD

5 comentarios - como crear un juego de plataformas en flash tuto con imagen

lenke
No veo las imagenes(?

Ya tendrías que avanzar a AS3