Conectarse
Temas Favoritos

Creación Aleatoria

Los posteadores más activos del mes
UFHDE |
| |||
FlairDreamer |
| |||
Ismatrox |
| |||
Davitroon |
| |||
Thejeherx |
| |||
Capibara_3 |
| |||
Max |
| |||
iconicono |
| |||
Danitron |
| |||
MartinUSH390 |
|
Hora Mundial
[Tutorial] Crea tu propio juego de Plataformas paso a paso!
Página 1 de 1. • Comparte
[Tutorial] Crea tu propio juego de Plataformas paso a paso!
Bienvenido Invitado !
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! UYy1TOF](https://i.imgur.com/UYy1TOF.png)
Bueno, aqui les enseñare a hacer un Juego de plataformas en 2D, con camara, monedas, enemigos,etc. Es muy complejo asi que si te animas puedes intentarlo! Voy a ir subiendo tutoriales por parte en este mismo post asi me van siguiendo los interesados y si tienen algun problema o pregunta solo diganlo

![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Platy_zpsdcf87502](https://2img.net/h/i1098.photobucket.com/albums/g361/laripper10/platy_zpsdcf87502.png)
Parte 1: Diseño del Jugador
Bueno acá vamos a diseñar al jugador y prepararlo para animar, vamos a hacer un metodo que sea sensillo para animar mas adelante pero si queres usar Sprites me dices y te digo como hacerlo

Ok, cuando abrimos el Flash, nos aparecera un menu como este, presionen "Create New... Flash Document"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! GRSu0gy](https://i.imgur.com/GRSu0gy.png)
Ya, tendremos nuestro espacio de trabajo.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Apmf](https://2img.net/r/ihimizer/img69/523/apmf.png)
Bien, ahora vamos a preparar nuestras propiedades, damos doble-click donde dice "12.0 fps"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 0pwx](https://2img.net/r/ihimizer/img716/664/0pwx.png)
Bueno, nos apareceran unas opciones por default, cambiaremos el Tamaño de nuestra hoja de trabajo (yo puse 650 x 475 pero pueden poner el que quieran, aunque les recomiendo un tamaño cercano a ese) Y cambiaremos los fotogramas por segundo (FPS) Les pondremos 24. Luego damos a OK
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 9wlo](https://2img.net/r/ihimizer/img59/8969/9wlo.png)
Ahora a preparar el personaje, seleccionamos la herramienta rectangulo, elegimos un color de fondo transaparente, y desactivamos el Imán, luego hacemos un rectangulo masomenos del tamaño que quieren a su personaje, les recomiendo no hacerlo muy grande, por que suele haber poco espacio para hacer el piso y eso y si hacen todo muy grande el nivel les quedaria muy corto.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! FN5NpHV](https://i.imgur.com/FN5NpHV.png)
Seleccionamos la Lupa y hacemos zoom para dibujar dentro del rectangulo
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! FxWr9Mm](https://i.imgur.com/FxWr9Mm.png)
En donde dice "Layer 1" o "Capa 1" Le dan doble click y lo nombran como "limite", luego clickean el puntito debajo del candado para bloquear esa capa, luego añaden una capa con el boton que marco en la imagen, y renombran la segunda capa como "jugador" esta tiene que ir sobre la capa "limite"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! J25r](https://2img.net/r/ihimizer/img853/9986/j25r.png)
Ahora nos ponemos a dibujar dentro del cuadro, primero hacemos SOLO la cabeza. Yo ya pense mi personaje sera como un Gato Agente o un gato espía xd
Herramientas:
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! R9lHw4j](https://i.imgur.com/R9lHw4j.png)
Importante! Cosas que sean de color blanco en su personaje tambien deben ser pintadas, el fondo de la hoja de trabajo es blanco pero cuando le agregemos fondo y todo eso, por ejemplo, los ojos se veran transparentes u otras partes de color blanco, Para asegurarte de que lo hayas pintado, clickea una parte con el cursor normal y si aparece seleccionado con puntitos, esta pintado. [/img]
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 373jbly](https://i.imgur.com/373jbly.png)
Tip si queres hacer sombreado: clickea el color al que le quieras agregar sombra (si son mas de uno usa "SHIFT" y selecciona "Paint selection", Elegi un color mas oscuro y pinta por la zona. LUEGO DE SOMBREAR, vuelve a seleccionar Paint normal, asi podes seguir dibujando mas adelante[/b]
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Ykipf3Z](https://i.imgur.com/ykipf3Z.png)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! B78w](https://2img.net/r/ihimizer/img14/581/b78w.png)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! S6faPVi](https://i.imgur.com/S6faPVi.png)
Acordate si queres deshacer el ultimo movimiento que hiciste, CTRL+Z es la solucion

Una vez que termines de hacer la cabeza, la seleccionamos toda (manten clickeado con el cursor normal desde una esquina y haz un cuadrado para que cubra lo que quieras seleccionar o sino usa shift y anda clickeando los colores y trazos)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 35ZXwJd](https://i.imgur.com/35ZXwJd.png)
Ahora hacemos click derecho sobre lo seleccionado -> Convertir a simbolo/Convert to symbol, Lo nombramos como "cabeza_jd" le ponemos REGISTRO AL MEDIO (IMPORTANTE) y Tipo Movie clip. Luego OK
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! X2M9nrv](https://i.imgur.com/x2M9nrv.png)
Ahora hacemos una capa entre medio de Limite y jugador, no hace falta renombrarla, Bloqueamos la capa de Jugador y seleccionamos la Capa sin nombre y nos ponemos a dibujar un brazo
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! H9DLSA9](https://i.imgur.com/H9DLSA9.png)
TIP: Si te molesta la cabeza, clickea el cuadrado de color al lado de la capa de jugador y solo veras las lineas y podras dibujar guiandote tambien
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Z9nTZnN](https://i.imgur.com/Z9nTZnN.png)
Cuando termines de dibujar el brazo, lo conviertes a simbolo, con las mismas propiedades que antes solo que le pones de nombre "mano_jd"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 237zpwU](https://i.imgur.com/237zpwU.png)
Ahora lo seleccionamos con la herramienta de transformacion libre, vieron que hay como una bolita blanca en el medio? la movemos a la esquina superior derecha
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Nv1t](https://2img.net/r/ihimizer/img191/7739/nv1t.png)
Ahora damos click derecho sobre la mano -> copiar, lo borramos, vamos a la capa del jugador, la desbloqueamos, Click derecho en cualquier parte -> Paste in place / Pegar in Situ luego le damos click derecho -> Arrange/organizar -> Send to Back/Enviar al fondo.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Mt57](https://2img.net/r/ihimizer/img585/7577/mt57.png)
Bloqueamos la capa del jugador, volvemos a la capa sin nombre y ahora dibujamos el cuerpo/pansa, una vez que este listo lo convertimos a simbolo, de nombre "pansa_jd", y repetimos el proceso anterior: Copiar, cortar, ir a la capa del jugador, desbloquearla, pegar, enviar al fondo.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! C2TXNoW](https://i.imgur.com/C2TXNoW.png)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Nv56](https://2img.net/r/ihimizer/img6/4315/nv56.png)
Ahora bloqueamos la capa del jugador, vamos a la capa sin nombre y dibujamos la otra mano, la seleccionamos y la convertimos a simbolo, de nombre: mano2_jd.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! X1YQAsO](https://i.imgur.com/x1YQAsO.png)
Ahora como hicimos con la primer mano, movemos el redondel blanco hacia la ESQUINA SUPERIOR IZQUIERDA. y Repetimos el proceso anterior: Copiar, cortar, ir a la capa del jugador, desbloquearla, pegar, enviar al fondo.
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Ivhw](https://2img.net/r/ihimizer/img5/6938/ivhw.png)
Ahora seguimos con las Piernas y hacemos lo mismo, no se olviden de mover el redondel blanco a la esquina que corresponda, De nombre: pie_jd y al otro pie2_jd. Cuando terminemos el jugador se vera algo asi
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! DOMVEaB](https://i.imgur.com/dOMVEaB.png)
Ahora borramos las capas limite y la capa sin nombre
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 1hs7](https://2img.net/r/ihimizer/img545/3758/1hs7.png)
Ahora veremos como quedaria nuestro personaje, quizas paresca chico pero cuando se agrege la camara se agrandara un poco. Damos CTRL + ENTER para probar la pelicula
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! VgSW0VT](https://i.imgur.com/vgSW0VT.png)
Ahora seleccionamos a toooodo el jugador, y lo convertimos a simbolo, de nombre: "one"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! OUZGafr](https://i.imgur.com/OUZGafr.png)
Ahora de nombre de instancia le ponemos "one" (se ubica en el menu desplegable "propiedades")
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! S70d95h](https://i.imgur.com/S70d95h.png)
Volvemos a seleccionarlo, lo convertimos a simbolo: "jugador". Una vez convertido, de ahora en adelante NUNCA cambiar el tamaño al jugador, Por que se deformara y los scripts funcionaran mal
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Ygm5](https://2img.net/r/ihimizer/img12/3821/ygm5.png)
Le ponemos de nombre de instancia "jugador"
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! R49aHY6](https://i.imgur.com/R49aHY6.png)
FIN DE LA PARTE 1
En la siguiente parte modificaremos una parte del terreno donde se movera el jugador. Ojala les halla gustado!
Salsu2!

Ripper roo es la posta 
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 1798086_1425029877736584_818128925_n](https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/t1/p480x480/1798086_1425029877736584_818128925_n.jpg)

![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 1798086_1425029877736584_818128925_n](https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/t1/p480x480/1798086_1425029877736584_818128925_n.jpg)
Laripper10- Chamán Recolector
- Puntos de Capitán : 6
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 1204
Sexo :
Edad : 22
Fecha de nacimiento : 14/10/1999
Localización : Yo que se, toy re loca .P.
¿Algo que decir? : Baya, no me lo experava
Fecha de inscripción : 13/01/2013
Premios :
Re: [Tutorial] Crea tu propio juego de Plataformas paso a paso!
Siempre he querido hacer un plataformero en flash. Mi problema, por supuesto, ha sido siempre el diseño de los personajes, la interfaz y los escenarios, aunque nunca esta de más intentarlo, muchas gracias por el tuto Lari! Será hora de desempolvar un poco el flash,a ver si me acuerdo algo 


FIRMA EN CONSTRUCCIÓN
Re: [Tutorial] Crea tu propio juego de Plataformas paso a paso!
Genial,siempre quise hacer un juego con parecido a este,que tambien es en 2D
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Rayman_Origins_Box_Art](https://2img.net/h/upload.wikimedia.org/wikipedia/en/7/7f/Rayman_Origins_Box_Art.jpg)
A ese lo recomiendo muchisimo
En cuanto al tema,LEÍ TODO (?)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Rayman_Origins_Box_Art](https://2img.net/h/upload.wikimedia.org/wikipedia/en/7/7f/Rayman_Origins_Box_Art.jpg)
A ese lo recomiendo muchisimo
En cuanto al tema,LEÍ TODO (?)

![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Andhlf](https://2img.net/h/oi57.tinypic.com/andhlf.gif)
Una sola vez es suficiente. Pero si tengo a una persona que me perdone podré vivir en el mañana.
Hay una realidad después de soñar. Y la historia continúa dentro de la realidad... Donde sea.
Re: [Tutorial] Crea tu propio juego de Plataformas paso a paso!
ni de coña voy a seguir el tutoria paso a paso pero lo miraré por encima por si algun dia me da por hacer un juego de esos XDD

![[Tutorial] Crea tu propio juego de Plataformas paso a paso! 128](https://2img.net/h/i0.kym-cdn.com/photos/images/newsfeed/000/854/738/128.gif)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Mado2_21](https://2img.net/h/3rdoffice.fc2web.com/madoka/mado2_21.gif)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Homu2_15](https://2img.net/h/3rdoffice.fc2web.com/madoka/homu2_15.gif)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Ao2_13](https://2img.net/h/3rdoffice.fc2web.com/madoka/ao2_13.gif)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Mami2_14](https://2img.net/h/3rdoffice.fc2web.com/madoka/mami2_14.gif)
![[Tutorial] Crea tu propio juego de Plataformas paso a paso! Aka2_24](https://2img.net/h/3rdoffice.fc2web.com/madoka/aka2_24.gif)
Eleanor Drapeaux- Bardo Groupie
- Puntos de Capitán : 12
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 2234
Sexo :
Edad : 23
Fecha de nacimiento : 04/02/1999
¿Algo que decir? : You're an open book
Fecha de inscripción : 01/12/2013
Premios :

» Crea tu propio Jutsu!!!
» ¿Porque el juego se me cierra siempre cuando paso al estadio de criaturas?
» Tutorial: Bajar de la Sporepedia2 y agregarlo al juego RAPIDO
» Como Guardar A Grox LEGALMENTE, Fuera Del Juego (Tutorial)
» Aventuras plataformas(de mi hermanito pequeño)
» ¿Porque el juego se me cierra siempre cuando paso al estadio de criaturas?
» Tutorial: Bajar de la Sporepedia2 y agregarlo al juego RAPIDO
» Como Guardar A Grox LEGALMENTE, Fuera Del Juego (Tutorial)
» Aventuras plataformas(de mi hermanito pequeño)
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
» Me presento
» hola de nuevo
» Equilibrar la temperatura de los planetas.
» Extensión de Chrome: Sporepedia Downloader [1.2]
» TEMA FLOOD
» ¿Que música están escuchando?
» How to change the forum's language
» La señal de socorro[EP1]
» Aventura: Deepspace (Espacio Profundo) Aventura de la Sporepedia original. [Resubido]
» CLAN [TheAbyssWalkers]
» CSP2 - ¡Todos desaparecieron!
» Dije que no aprobaba esto... pero cambie de opinion
» Cómo crees que se invoca a Wigazo en el Chatbox?
» Foto: Equipo Cantantes [P] [♫]
» ¿Plan maligno?
» CURSED!!!
» Ángel Ulises y Ulises Dragon
» Frases No tan-celebres
» Skupsix.
» Nuevas gafas en el editor mod
» Crear una cuenta
» hay mods en estadio celula??
» Desafío y Supervivencia!
» Rüther, una celula extraña
» Bendy Bestia
» Humano (Mods)
» Ancient Space Mod V.2
» Vertebra_Graphics
» Los posibles sucesores de Spore.
» ¿El SPORE comprado vale la pena? ¿o es un malgasto de dinero?
» Rodolfo [AYUNTAMIENTO]
» [HERRAMIENTA] Spore ModAPI
» el humor de hoy
» Spore Resurrection: Next Steps
» Gore Spore
» my introduction
» ¿Cómo puedo poner nueva música ha Spore?
» Problema en el espacio
» Mod complejidad infinita sin cosas extra y un bonus (opcional)
» Como puedo poner Spore en español
» problema para entrar al juego
» Como chingados hago para que me funcione el dark injection
» Instalar ModApi y uso - Conceptos básicos + Instalar Dark Injection
» Beyond [O8][E][♫]
» Panzer VI "Tiger".
» Ikariam: Intendencia.
» Ikariam: La Otra Tienda.
» Ikariam: Tienda.
» Algo en lo que estoy trabajando
» Nesecito Dinosaurios
» ¿Como o donde consigo un nuevo crack para espore? (lo tengo pirata)
» Nuevo espécimen arriba en esta galaxia.
» Tetsujin 28 (Mods)
» Viaje en el Tiempo I [O6]
» La Bestia
» PioPlin (Mi primer Ave)
» Hola wes
» Hola a todos
» Pasenme Spore Full
» Gargona [DoT] [03]
» BUG Estadio tribal
» inicio de sesion spore
» Nave de Freezer [Pedido completado]
» Taller de Encargos Oficial: Edificios [Pide aquí tu edificio]
» frezer primera forma
» vegeta estado base
» Kiki (Kiki: Entregas a domicilio)
» Densuke (Dennō Coil)
» Black WidowsMecha
» Algunos dibujos que hice.
» Premios, Smilies y Frases Célebres
» Projecto Skynkraft Mod con Nuevas pinturas para tus criaturas!
» v-91
» King Lich
» El pasto
» poner un subforo de memes
» Error desconocido al registrar mi cuenta de EA en Spore
» Configuration Script Error [2000]
» Ayuda
» No puedo instalar en el juego lo descargado desde la extensión de crome
» Problemas Dark injection
» Spore Mon ( Pokemon En spore)
» El nastrago
» warden de minecraft
» Spore Vehicle Converter
» (Juniorf) A ponerse las pilas
» Hola, es la primera vez que me uno a un foro
» Feliz año nuevo
» Taller - Maxart - [♫]
» Homenaje a el capitan Spack Jarrow
» Aventuras en el Sistema Estelar Waxi-Ulna (ES-WU)
» Añadir Subforo de juegos externos a Spore
» Back On Time (Sin Mods!)
» lagartija
» hola gente volvi
» The hollow knight
» Asriel bailando
» Tecnicas de Creacion