Tutorial Para Crear Juego Simple De Carreras 71k7

Tutorial para crear juego simple de carreras de autos en macromedia flash 8 Introduccion este es un tutorial para crear un juego simple de carreras de autos dedicado a todos aquellos que desean iniciarse en Macromedia Flash 8 professional o cualquier otra version de flash. el tutorial es simple y cualquiera lo puede hacer siguiendo los pasos, y si hay algo que no se entienda simplemente comenten y lo corrigo. bueno empezamos...

antes que nada voy a aclarar que el tutorial está hecho 100% por mi y no es sacado de otra pagina o post... para que se den una idea el juego terminado nos quedará así...

link: http://img28.xooimage.com/files/d/0/6/mini_racer-550x400-1b7fac3.swf 1)-lo primero que debemos hacer es dibujar nuestro coche, es importante que quede mirando para arriba.

2)-una vez que tenemos nuestro vehiculo vamos a seleccionarlo y convertirlo en simbolo clip de pelicula y de nombre pongamosle "auto" y aceptamos.

3)-Ahora ya tenemos nuestro auto clip de pelicula pero queremos que se mueva, para eso lo seleccionamos y vamos a Acciones alli hay que insertar este action script que dejo acá... onClipEvent(load){ speed = 0; } onClipEvent (enterFrame) { if (Key.isDown(Key.UP)) { speed += 0.9; } if (Key.isDown(Key.DOWN)) { speed += -0.2; } if (Math.abs(speed)>10) { speed *= .6; } if (Key.isDown(Key.LEFT)) { _rotation -= 6; } if (Key.isDown(Key.RIGHT)) {

_rotation += 6; } speed *= .98; x = Math.sin(_rotation*(Math.PI/180))*speed; y = Math.cos(_rotation*(Math.PI/180))*speed*-1; if (!_root.land.hitTest(_x+x, _y+y, true)) { _x += x; _y += y; } else { speed *= -.6; } } ahora como vemos nuestro coche ya se puede mover con los cursores

link: http://img46.xooimage.com/files/a/f/0/lenta-1cec44c.swf 4)- pero se mueve muy lento, eso lo solucionamos haciendo doble click en un cartel situado debajo de la linea de tiempo en el cual dice 12fps (fotogramas por segundo), al hacerle doble click se abrira una ventana donde deberas cambiar ese 12 por un 24 y aceptar

link: http://img40.xooimage.com/files/4/b/1/lenta-1cec430.swf 5)-Ahora necesitamos dibujar una pista, debe ser igual a la mía, cuadrada.

6)-nuestra pista deberá tener un punto de partida, que es muy importante porque será quien detectara cuando nuestro auto pase por encima. al auto debemos arrastrarlo hacia el punto de

partida así cuando se inicia la carrera el auto esta allí y no en el centro del autodromo

es

importante que el auto este adelante de la barra es importante que el punto de partida este situado en la ruta pero que no toque los bordes por ej:

7)-ahora queremos que el auto no pueda salir de la pista y meterse en el medio o para peor irse de la pagina para eso tenemos que seguir este paso que es MUY importante. ahora manteniendo presionada la tecla shift deberemos seleccionar todo lo que no es la calle ni lo de adentro y presionamos f8 para convertirlo en simbolo, lo convertimos en clip de pelicula y de

nombre le ponemos "land"

como ven, la calle, el auto y la barra NO hay que seleccionarlos 8)-ahora dembemos hacer algo muy importante, seleccionaremos nuestro nuevo clip de pelicula y vamos a la barra de propiedades, en la parte que dice nombre de instancia tenemos que poner land.

ahora podemos ver que el auto ya no sale de la pista... 9)-ahora tenemos que poner una linea entre el auto y la barra, para que el auto no pueda retroceder y tocarla sino, que tenga que dar toda la vuelta.

la linea debe ser del mismo color que el de la calle para que no se vea, yo en el ejemplo la hice roja para que la puedan distinguir. la linea tiene que ser convertida en clip de pelicula y de nombre pongamosle "no pasar", hay que ponerle estas acciones.. onClipEvent(enterFrame){ if(this.hitTest(_root.auto)){ _root.auto._y -= 10; } }

nuestro juego por ahora va quedando asi...

link: http://img40.xooimage.com/files/2/6/4/ejemplo-1cec64c.swf

bueno mi proximo post será la parte 2 de este tutorial en el explicare como hacer el auto enemigo y las otras cosas que faltan.