Criação de Games - Megaman

Criação de Games - Megaman Parte 1 - Flash | MXStudio http://www.mxstudio.com.br/flash/criacao_de_games___megaman_p...
HOSPEDAGEM 0800 723 6000 LOJA VIRTUAL SERVIDOR DEDICADO REGISTRE SEU DOMÍNIO www. .com OK
SOBRE O MXSTUDIO MAPA DO FEED

SITE
PÁG. INICIAL FÓRUM BLOG ANUNCIE NO MXSTUDIO CONTATO

CATEGORIAS
ADOBE AIR
AFTER EFFECTS
ASP.NET
Marcio Silva
Criação de Games - Megaman Parte 1 Colunistas desde: 2007
Data de publicação: 15-07-2007
BANCO DE DADOS Matérias publicadas: 8
Visitas: 5651
CAPTIVATE Navegação: MXStudio / Flash / Criação de Games - Megaman Parte 1
COLDFUSION
COREL
CSS
DIRECTOR
DREAMWEAVER
EVENTOS
FIREWORKS
FLASH
FLASH MEDIA SERVER
FLEX
FREEHAND
GERAL
ILLUSTRATOR
JAVASCRIPT
JOGOS
MERCADO
MX NEWS
PHOTOSHOP
PHP
PROGRAMAÇÃO
RESENHAS
RIA
SECOND LIFE
SQL
USABILIDADE
1 de 11 8/5/2009 08:28
PDF created with pdfFactory Pro trial version www.pdffactory.com
Aprenda Flash Cs4 e Pv3D Adobe Flash Pro CS4?

WEB MARKETING Precisa entregar um site em Flash? Ajudamos Adobe Flash em Até 3x sem Juros Frete
você, conheça a proposta! Grátis. Ligue Já 4062-1334
WINDOWS www.lucianoaugusto.com.br/ MicroSafe.com.br/AdobeFlash-Pro-CS4
WORDPRESS
Criação de games - Megaman Parte 1

COLABORADORES
Olá comunidade,
ADRIANO AGUIAR
Estou de volta com novas colunas sobre criação de games, destacando os que usam conceitos de física, matemática
AGNALDO DIOGO DOS e outras áreas que estão intimamente ligadas a esta área tão fascinante. No meu último tutorial mostrei a criação de
SANTOS
um simples joguinho que tratava de colisão e movimentação de um modelo na tela e que disparava tiros contra
ALBERTH COSTA inimigos. O objetivo era apenas dar um pontapé inicial para quem não sabia nada sobre games, dessa forma
ALESSIO SEABRA
propiciando uma pequena base para aqueles mais iniciantes. Neste tutorial, tratarei de conceitos um pouco mais
elaborados, mas que são de fácil compreensão
ALEX FIGUEIREDO
ALFREDO LOTAR Pré-requisitos:

ALINE AUTRAN Conhecimento básico em ActionScript
ANDERSON TRIACCA Macromedia Fireworks 8
Macromedia Flash 8
ANDRE LUIZ
Recomenda-se que você tenha visto a coluna de movimentação básica de personagens, caso não tenha acesse:
ANDREWS MEDINA Criação de Games
ANDRÉ V.C FRANCO
Objetivo:
ANTHONY CONDE
ARTUR KENJI Propiciar ao leitor o conhecimento necessário para que este possa desenvolver seus próprios jogos de plataforma. Ao
logo da construção do game serão mostrados e comentados cada conceito novo que for mostrado, preocupando-se
BÁRBARA RIBEIRO em não só mostrar como faz, mas também por que funciona, dúvida que fica geralmente na cabeça de quem está no
BRUNO RIBEIRO início do aprendizado ou até mesmo quem já tem algum conhecimento na área. O objetivo aqui é desenvolver uma
fase completa de um game que segue o formato de plataforma, estilo Super Mário.
BRUNO DULCETTI
CAIO FRISON
CAIO FRISON
CARLOSHPS
Conceitos:
Nesta primeira parte iremos abordar a técnica de animação de personagens utilizando sprites, criar interação do
usuário com um modelo baseado em sprites, o famoso scrolling, simulação de gravidade e técnicas de tratamento de
colisão em jogos de plataforma.
Os sprites nada mais são do que vários quadros de uma animação nos games 2D, a animação de personagens é
feita quadro a quadro, como o Macromedia Flash trabalha com quadros é muito prático manipular sprites de uma
animação na ferramenta.
Conteúdo
Então, mão na massa!
2 de 11 8/5/2009 08:28
MXStudio © 2003-2009. Todos os

O Personagem direitos reservados.
Antes de mais nada devemos obter as figuras para o tutorial, existem vários sites pela internet que fornecem sprites
para download gratuitamente, é claro que se você é bom em designer de personagens pode fazer os seus próprios.
Mas muitos games em flash disponíveis na internet são adaptações de games já existentes e consagrados, que é
nosso caso, onde iremos utilizar sprites do jogo do Megaman. Recomendo o Sprite Kingdom , de onde tirei os
sprites para esta coluna. Salve o arquivo com os sprites do link acima e abra no Macromedia Fireworks. Os passos
seguintes serão repetidos para cada estado do personagem, você deve ter percebido no arquivo que você baixou que
cada linha trata-se de uma ação do Megaman, com exceção das duas primeiras, vejamos a figura abaixo:
Figura 1 - Representa a chegada do Megaman
Na Figura 1 podemos observar que seguindo a numeração indicada obtemos uma animação do Megaman quando
ele entra no cenário de jogo. Então para ver essa animação funcionando basta contruir um movieclip com 26 frames,
note que cada quadro da animação será mapeado para um frame do timeline do flash . Para fazer isso devemos
seguir os seguintes passos:
Com a imagem que você baixou do Sprite Kingdom aberta no Macromedia Fireworks selecione o quadro 1
utilizando a ferramenta Marquee Tool, cuide para que apenas o primeiro quadro seja selecionado;
Com o primeiro quadro selecionado aperte CTRL + C para copiar;
Abra um documento em branco no Macromedia Flash 8 e vá em Insert » new Symbol ou CTRL + F8, chame-o
de entrada;
transforme o 1° primeiro frame em Key Frame apertando F6;
Agora CTRL + V na área do stage, pronto o primeiro quadro agora está no primeiro frame, todos os outros que
viram terão como base este primeiro frame para que a animação fique perfeita;
Repita o processo de copiar e colar agora para o segundo quadro da figura aberta no fireworks e cole agora
no segundo frame no flash, esse processo deve ser feito até que os 26 sprites estejam na animação. Serão 26
Key Frames
No decorrer deste processo se quiser visualizar como está ficando, clique no primeiro frame do timeline
aperte ENTER, assim você poderá ver que ajustes deverão ser feitos para que animação fique perfeita. Por
que pode ser que uma figura de um frame anterior tenha ficado mais baixa que a atual que você está
colocando e outros probleminhas de alinhamento podem aparecer.
Depois desse processo você já deve ter percebido que o Macromédia Flash é muito bom para fazer animação de
personages 2D. Bom, agora devemos fazer as animações para o Megaman correndo e pulando, vai seguir a mesmo
processo descrito acima, criando um novo movieclip vazio, o estadocorrendo eu chamei de correndo_dir e o pulando
de pulando_dir, o dir no final indica direita para facilitar na hora de escrever o Action Script.
Só para vocês conferirem, as seqüências de imagens para correndo_dir e pulando_dir seguem abaixo:
Figura 2 - Sprites para correndo_dir.
Figura 3 - Sprites para pulando_dir.
Até agora construímos apenas as principais ações que o Megaman terá, agora vamos contruir o Movieclip que será
realmente o Megaman e que nós iremos manipular via Action Script, no mundo dos games podemos chamá-lo de
Modelo. Para isto aperte CTRL + F8 e chame esse movie clip vazio de megaman. Como este será o movieclip
principal ele terá todos estados possíveis do Megaman dentro do jogo: correr para esquerda e direita, pular para
esquerda e direita, e ficar parado olhando para esquerda e para direita e o estado de entrada que construímos
anteriormente. Portanto devemos ter 7 Key Frames no timeline. Veja abaixo:
3 de 11 8/5/2009 08:28
Figura 4 -Timeline com os Key Frames. É expressamente proibido a cópia,

reprodução e difusão dos textos,
fotos e outros elementos contidos
Coloque em cada frame o seu respectivo nome. neste site sem autorização
expressa do MXStudio.
Frame 1 chame de entrada
Frame 2 chame de correndo_dir
Frame 3 chame de correndo_esq
Frame 4 chame de pulando_dir
Frame 5 chame de pulando_esq
Frame 6 chame de parado_dir
Frame 7 chame de parado_esq
Vamos agora associar as animações para cada ação, quase parecido com o processo de copiar e colar para montar
as animações mas agora você irá usar as animações que criou anteriormente. Com o frame entrada selecionado
pegue da Library a animação que também se chama entrada e coloque no centro do stage, como nas animações
este primeiro servirá como base para o alinhamento das demais animações. A animação correndo_dir também já
está pronta, foi feita nos passos anteriores basta colocar no seu respectivo frame, da mesma forma a pulando_dir.
Para fazer a correndo_esq e a pulando_esq, você vai utilizar uma instância das versões para direita, mas como o
personagem nas outras versões está virado para a direita basta usar a ferramenta Free Transform Tool e usar o
mouse para inverter o sentido do movieclip. Para isto basta clicar no movieclip e acionar a ferramenta Free Transform
Tool, clique no lado esquerdo da figura e arraste para o lado direito, isso faz com que a figura inverta de direção. Por
fim, para fazer o parado_dir e o parado_esq basta copiar o último sprite do movieclip entrada para o frame
parado_dir, copie este mesmo sprite para o parado_esq só que neste invertendo sua direção com a ferramenta Free
Transform Tool do flash como feito anteriormente.
A menos dos devidos ajustes que você possa fazer para deixar as animações bem alinhadas, o nosso personagem
está praticamente pronto, só mecheremos nele na etapa de codificação.
O Cenário
Da mesma forma que os sprites, os cenários podem ser encontrados em sites na especializados na internet, eu utilizei
um que está no site Background HQ . A montagem do cenário é mais fácil que o personagem, para fazer este
tutorial usei apenas parte do cenário, pois ele é muito grande, por isso eu disponibilizei a versão que vou utilizar
neste link . Na verdade o cenário nada mais é do que uma imagem de plano de fundo, que servirá como molde para
desenhar os obstáculos e a plataforma.
Volte para a cena principal do nosso documento flash, agora vamos colocar todas a layers que precisaremos para
manipular o jogo, cada layer vai ter 3 Key Frames. Faça como a imagem abaixo:
Figura 5 - Nome de cada layer com seus Key Frames.
Por enquanto o primeiro frame de cada layer não iremos utilizar, Para começar a montagem do jogo. Supondo que
você já baixou o cenário no fim deste tutorial, insira um novo símbolo do tipo mocieclip e cole a imagem do cenário
que você baixou.
4 de 11 8/5/2009 08:28
Figura 6 - Movieclip terreno.
Veja que a figura ficou no movieclip que acabei de criar, certifique-se que você fez exatamente igual. Volte à cena e
agora apenas arraste-o da biblioteca para o stage. Alinhe na posição x=0 e y=0 e certifique-se que este mc está na
layer Terreno e no seu segundo frame. Dê o nome para esta intância de terreno de terreno_mc. Pronto, o terreno já
está no lugar certo. Agora teremos uma a plataforma onde o personagem vai ficar durante todo o jogo, essa
plataforma vai simular o piso do terreno. Para isto crie um novo movieclip vazio chamado de plataforma.
Agora preste muita atenção! O segredo do jogo funcionar corretamente está como você faz os próximos passos.
Nesse movieclip vazio faço um quadrado qualquer, isso mesmo, um quadrado qualquer. Volte à cena e arraste para o
stage este novo movieclip chamado de plataforma que ficará no segundo frame da layer Plataforma, dê o nome para
esta nova instância da plataforma de plataforma_mc. Se você der dois cliques no mc plataforma_mc o terreno vai
ficar como se fosse marcada d’agua, assim o terreno será seu molde para desenhar sobre ele a plataforma, agora
você não vai utilizar aquele quadrado qualquer. Utilizando a ferramenta Rectangle Tool desenhe sobre as superfícies
que o Magaman irá ficar apoiado, esses retângulos simularam a base onde o personagem pode caminhar. Veja
abaixo:
Figura 7 - Movieclip plataforma_mc (cor banca) sobre o terreno_mc.
Veja que eu coloquei a plataforma na altura que o personagem pode caminhar, a parte de cima de cada retângulo é
onde vai ficar os pés do Megaman. Pra terminar essa brincadeira com as imagens, vamos agora fazer o mc que vai
representar as paredes do cenário. O processo para a construção das paredes “fictícias”, ou seja, retângulos que
representarão as paredes e onde o personagem vai colidir, será feito como foi feito com a plataforma. Crie de novo
um mc vazio chamado paredes e coloque um quadrado qualquer, volte à cena e arraste-o para o stage de modo que
fique no segundo frame da layer Paredes , dê novamente dois cliques nesse novo mc, o que muda agora que você
não mais vai colocar retângulos onde o Magaman pisa, e sim onde ele pode colidir de frente simulando uma parede.
Chame essa instancia de paredes que você acabou de arrastar para o stage de paredes_mc. Veja como ficou:
5 de 11 8/5/2009 08:28
Figura 8 - Em branco plataforma_mc e em azul paredes_mc.
Quando começar a testar as colisões algumas modificações devem ser feitas na largura na altura desses quadrados.
Note que a idéia para simular paredes é cobrir de retângulos azuis tudo obstáculo que o Megaman pode colidir, não
importa que esses retângulos fiquem bonitinhos por cima do terreno, o que importa é que eles não deixem o
Megaman passar pelas paredes e nem sumir chão a dentro (Os ajustes são feitos quando começar a etapa de teste
do game).. Onde ele não consegue colidir de frente não é necessário colocar paredes.
Agora falta colocar o Megaman no cenário. Vá a sua biblioteca e coloque no stage o movieclip megaman, ele foi feito
em etapas anteriores. Chame essa instância de magaman_mc. Se você der dois cliques nesse mc, você vai entrar
no modo de edição, veja que ele é composto de de 7 frames. Devemos colocar um stop() no primeiro frame para que
a animação começe a executar quando o game começar. Ainda com o megaman aberto para edição, vá no frame
pulando_dir que por sua vez possui o mc pulando_dir dê dois cliques nesse mc para edição. Já este mc, se você o
construiu corretamente, tem 19 frames que é a quantidade de quadros da ação de pular. No último frame colque o
seguinte código:
1. if(_root.direcao == “direita”)
2. _parent.gotoAndStop(”parado_dir”);
3. else
4. _parent.gotoAndStop(”parado_esq”);
Isso fará com que quando animação de pular saiba em que direção ficar parada depois que acabar, não precisa fazer
para o pulando_esq, já que ele é uma instância de parado_dir.
O Código
Esta etapa que passamos agora no desenvolvimento de jogos é chamada de MODELAGEM, todo jogo, não importa
em que plataforma você o faça, tem essa etapa, principalmente os games 3D. Assim você pode passar essa etapa
para um colega seu que sabe muito de design de cenários e personagens, depois você dá vida ao jogo com a
codificação.
Para codificar o jogo só usei uma arquivo de Action Script (AS), logo crie um arquivo de AS e chame-o de
Megaman.as. Seu código está logo abaixo:
1. stop();
2. /* Variáveis globais
3. * Aqui estão presentes as variáveis que fazem o
4. * controle dos estados
5. * em que o jogo se encontra
6. */
7. var velSaltar:Number = 20;
8. var velAndar:Number = 0;
9. var pulando:Boolean = false;
10. var caindo:Boolean = false;
11. var morreu:Boolean = false;
12. var velMax:Number = 10;
13. var direcao:String = “”;
14. var entrada:Boolean = true; /*fazemos com que as layers que representam as paredes
15. * e a plataforma não apareçam na hora que
16. * o jogo for executado
17. */
18. plataforma_mc._visible = false;
19. paredes_mc._visible = false;
20. /* Todo o controle do personagem Megaman*/
21. megaman_mc.onEnterFrame = function()
22. {
23. //verifica se ainda não acabou a entrada do Megaman
24. if(entrada)
25. return;
6 de 11 8/5/2009 08:28
26. /*verifica colisão com alguma parede do lado direito ou esquerdo

27. * Se houve colisão faz uma anulação do passo que ele deu para frente
28. */
29. if( colisao_paredes(_root.paredes_mc, this, velAndar))
30. this._x-=velAndar;
31. /* simples simulação de gravidade
32. * Se ele não tiver em cima da plataforma então ele vai caindo
33. * sem aceleração
34. */
35. if ( !colisao_plataforma(_root.plataforma_mc, this) && !pulando)
36. this._y += 6;
37. //se velocidade positiva estou andando para a
38. //direita senão estou indo para esquerda
39. if (velAndar>0)
40. direcao = “direita”;
41. else if (velAndar<0)
42. direcao = “esquerda”;
43. //só pula se não tiver pulando, claro
44. if ( Key.isDown(Key.SPACE) && !pulando )
45. {
46. pulando = true;
47. /*mostra a animação pulando para direita se o personagem
48. * está indo para a direita, caso contrário para a esquerda
49. */
50. if(direcao == “direita”)
51. megaman_mc.gotoAndStop(”pulando_dir”);
52. else
53. megaman_mc.gotoAndStop(”pulando_esq”);
54. }
55. if( Key.isDown( Key.LEFT) )
56. {
57. if ( velAndar > -velMax ) //não deixa o personagem acelerar muito
58. velAndar–;
59. if(!pulando)
60. megaman_mc.gotoAndStop(”correndo_esq”);
61. }
62. else if( Key.isDown( Key.RIGHT) )
63. {
64. if( velAndar < velMax )
65. velAndar++;
66. if(!pulando)
67. megaman_mc.gotoAndStop(”correndo_dir”);
68. }
69. else if(!pulando and !entrada )
70. {
71. //se não tiver acontecendo nada ele fica parado
73. megaman_mc.gotoAndStop(”parado_dir”);
74. else
75. megaman_mc.gotoAndStop(”parado_esq”);
76. velAndar = 0;
77. }
78. /* nosso personagem não é carro mas tem aceleração, que é .85
79. * mude para um valor alto e veja o resultado
80. */
81. velAndar *= .85;
82. /*esta função faz o bendito scrolling*/
83. movimento(this, terreno_mc, plataforma_mc, paredes_mc, velAndar);
84. if( pulando )
85. {
86. /* mais física aqui, veja na figura 9 o que acontece aqui*/
87. this._y -= velSaltar;
88. velSaltar -= 1.8;
89. if (velSaltar<0)
90. caindo = true;
91. if (velSaltar <-15)
92. velSaltar = -15;
93. }
94. /* indica que o personagem emcima da plataforma, logo ele não está
95. * caindo e nem pulando é claro! E setamos novamente
96. */
97. if ( colisao_plataforma( _root.plataforma_mc, this) && caindo)
7 de 11 8/5/2009 08:28
98. {
99. velSaltar = 20;
100. pulando = false;
101. caindo = false;
102. }
103. };
104. function colisao_plataforma(obj1:Object, obj2:Object)
105. {
106. return obj1.hitTest(obj2._x, obj2._y+60, true);
107. }
108. function colisao_paredes(obj1:Object, obj2:Object, vel:Number)
109. {
110. return (obj1.hitTest(obj2._x-5, obj2._y+60, true) or obj1.hitTest(obj2._x+40, obj2._y+60, true))
111. }
112. function movimento(personagem_obj:Object, terreno_obj:Object,
113. limite_obj:Object,paredes_obj:Object, velocidade:Number)
114. {
116. {
117. /*se obedecer a condição abaixo, quem anda é o cenário*/
118. if(personagem_obj._x > 200 and terreno_obj._x >=-1853)
119. {
120. terreno_obj._x -= velocidade;
121. limite_obj._x -= velocidade;
122. paredes_obj._x -= velocidade;
123. }
124. else
125. personagem_obj._x += velocidade;
126. }
127. if(direcao == “esquerda”)
128. {
129. if(personagem_obj._x < 100 and terreno_obj._x < 0)
130. {
131. terreno_obj._x -= velocidade;
132. limite_obj._x -= velocidade;
133. paredes_obj._x -= velocidade;
134. }
135. else
136. personagem_obj._x += velocidade;
137. }
138. }
Agora para funcionar o jogo, vá à layer Action no segundo frame da cena principal e coloque como segue abaixo:
1. stop();
2. /*inclusão do código do game*/
3. #include “Megaman.as”
Àqueles que mataram essa aula de física a figura abaixo mostra uma parte da física que diz: “Tudo que sobe tem que
descer”, a idéia que o código das linhas 91 à 97 é simular desaceleração de um corpo quando este é lançado de
baixo para cima, que nada mais é do que a gravidade atuando sobre o corpo que sobe, chega um momento que a
velocidade chega a zero e depois inverte o sinal fazendo com que o corpo mude direção e comece a cair, o que foi
codificado é uma aproximação desse efeito bem superficial , veja na figura abaixo como a magnitude da velocidade
vai diminuindo, isto é, a cada passo de tempo seu valor vai se reduzindo até zerar e mudar de sentido (sinal). Esse
moviemnto é chamado de Movimento Uniformemente Variado (MUV).
Figura 9 - Velocidade no decorrer do pulo.
Considerações Finais
Vimos durante o texto diversos conceitos referentes ao desenvolvimento de games de plataforma, é claro que o modo
de fazer não é único, você pode achar várias formas de fazer, mas os conceitos sempre serão o mesmos. Você viu
como fazer scrolling, uma pequena simulação física, que permite mais suavidade ao pulo do personagem, é claro que
8 de 11 8/5/2009 08:28
quanto mais detalhes nessa simulação fica mais próximo da realidade.
Espero que você tenha assimilado os conceitos mais básicos e mais importantes desse tipo de game. Calma que tem
mais, você percebe que ainda falta os inimigos, fazer o Megaman atirar colocar um timer entre outros, para ficar bem
parecido com o game real. Mas isso fica para uma próxima, nas próximas semanas estarei postando a constinuação
deste artigo.
Espero que tenham gostado. Até a próxima.
Autor: Márcio Silva - Colunista de Flash & ActionSctipt MXSTUDIO.
Download dos arquivos
Qualquer dúvida envie um e-mail para marciosilva@mxstudio.com.br ou acesse nosso fórum
Artigos Relacionados
Box2D, Primeira Simulação
Box2D, a engine de Física para Games em Flash
Galeria de Imagens 2 ActionScript 3
Novidades do Flash CS4 - Novo Tween Motion (Animação Baseada em Objeto)
Novidades Flash CS4 - Integrações e o novo Formato XFL
Divulgue
Flash Cs4 e PaperVision3D

Entre agora para a maior comunidade
Ajudamos você em seus projetos!
www.lucianoaugusto.com.br/
E-learning, Games e LMS

Conheça a empresa líder e crie treinamentos
e games sob medida.
www.e-guru.com.br
Adobe Flash Pro CS4?

Adobe Flash em Até 3x sem Juros Frete
Grátis. Ligue Já 4062-1334
MicroSafe.com.br/AdobeFlash-Pro-CS4
9 usuário comentou em " Criação de Games - Megaman Parte 1 "

Assine o Feed de Comtentários ou URL de Trackback
major gildo disse,

Enviado em 17-05-2008 às 12:06 pm
nao entendi muito bem mas pareceu muito fixe criar um jogo como este
jvmc disse,
Enviado em 13-07-2008 às 8:14 pm
cara, valeu mesmo, se não fosse esse código eu não saberis fazer muitas coisas no flash,não é esse jogo mas da
certo
9 de 11 8/5/2009 08:28
Darlan Machado disse,

comigo não deu muito certo não,fiz tudo direito,o personagem se movimenta.mais a um bug no movimento,quando
eu ataco correndo,ai ele continua atacando quando solto o botão,tbm quando eu pulo,quando termina a ação de
pular,quando eu vou correr,ele fika atacando correndo…um pouco confuso xD.
Se alguem souber como corrigir esses erros…
Fernando disse,
bom eu segui passo a passo certinho e no final deu 34 erros e a tela fico piscando
fico um lixo
desculpa mas ficou
chico disse,
ae, eh mto confuso, se na hora de faser tem q faser igual a novato no programa e n desse jeito, claro n to te
desprezando, ta mto bom, mas acho q poderia melhorar
Mateus disse,
Não deu nem um erro, mas o personagem não anda e nem pula, o meu personagem é um galo (pekka kana), mas
eu dei o nome de megaman, dei o nome das instancias tambem de megaman, fiz tudo igual só mudei o cenário e o
personagem
. : Resenha do Jegue : . disse,

[...] Um certo dia estava eu a vasculhar fóruns e sites com matérias sobre flash e encontrei no site
http://www.mxstudio.com.br/flash/criacao_de_games___megaman_parte_1/ um tutorial de como fazer um jogo do
mega man em flash, foi ai que tive a idéia de fazer uma [...]
Amaral Kidd… o jogo « . : Resenha do Jegue : . disse,

Enviado em 27-01-2009 às 10:49 pm
[...] Um certo dia estava eu a vasculhar fóruns e sites com matérias sobre flash e encontrei no site
http://www.mxstudio.com.br/flash/criacao_de_games___megaman_parte_1/ um tutorial de como fazer um jogo do
mega man em flash, foi ai que tive a idéia de fazer uma [...]
Rafaeljaques disse,
Enviado em 28-01-2009 às 12:55 pm
Kra… Que loucura…
Quando crescer eu quero ser que nem você!
Deixe o seu comentário abaixo...
Username (*required)
Email Address (*private)
Website (*optional)
10 de 11 8/5/2009 08:28
11 de 11 8/5/2009 08:28

Criação de Games - Megaman

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Criação de Games - Megaman

Hochgeladen von

Copyright:

Verfügbare Formate

Criação de Games - Megaman Parte 1 - Flash | MXStudio http://www.mxstudio.com.br/flash/criacao_de_games___megaman_p...

SOBRE O MXSTUDIO MAPA DO FEED

PÁG. INICIAL FÓRUM BLOG ANUNCIE NO MXSTUDIO CONTATO

CAPTIVATE Navegação: MXStudio / Flash / Criação de Games - Megaman Parte 1

FLASH MEDIA SERVER

Aprenda Flash Cs4 e Pv3D Adobe Flash Pro CS4?

Criação de games - Megaman Parte 1

ALFREDO LOTAR Pré-requisitos:

MXStudio © 2003-2009. Todos os

Figura 1 - Representa a chegada do Megaman

Figura 2 - Sprites para correndo_dir.

Figura 3 - Sprites para pulando_dir.

Figura 4 -Timeline com os Key Frames. É expressamente proibido a cópia,

Figura 5 - Nome de cada layer com seus Key Frames.

Figura 6 - Movieclip terreno.

Figura 7 - Movieclip plataforma_mc (cor banca) sobre o terreno_mc.

Figura 8 - Em branco plataforma_mc e em azul paredes_mc.

26. /*verifica colisão com alguma parede do lado direito ou esquerdo

Figura 9 - Velocidade no decorrer do pulo.

quanto mais detalhes nessa simulação fica mais próximo da realidade.

Espero que tenham gostado. Até a próxima.

Autor: Márcio Silva - Colunista de Flash & ActionSctipt MXSTUDIO.

Download dos arquivos

Qualquer dúvida envie um e-mail para marciosilva@mxstudio.com.br ou acesse nosso fórum

Flash Cs4 e PaperVision3D

E-learning, Games e LMS

Adobe Flash Pro CS4?

9 usuário comentou em " Criação de Games - Megaman Parte 1 "

major gildo disse,

Darlan Machado disse,

. : Resenha do Jegue : . disse,

Amaral Kidd… o jogo « . : Resenha do Jegue : . disse,

Kra… Que loucura…

Quando crescer eu quero ser que nem você!

Deixe o seu comentário abaixo...

Email Address (*private)

Das könnte Ihnen auch gefallen