Criação de games em flash

[~~Surfistinha~~ 9]

Olá pessoal,

 

Que tal começar a aprender a arte de criar aqueles joguinhos bem legais feitos em flash? Começarei uma sequência de tutorias que mostraráo os mais importantes fundamentos para começar a desenvolver um game.

Pré-requisitos:

 

Conhecimento básico em ActionScript

Objetivo:

 

capacitar os leitores quanto aos aspectos referentes a comandos básicos para a movimentação de um personagem, mapa de tiles, detecção de colisão, gravidade, fricção entre outros. Todos esses fundamentos são muito importantes para a construção de games divertidos.

 

Mas vamos por partes, primeiramente abordarei neste tutorial um fundamento muito importante e muito básico que é a movimentação de persogagens e um início de detecção de colisão.

No fim desse tutorial teremos feito um joguinho simples como o que está abaixo.

 

 

Então vamos ao que interessa!

 

Crie um novo arquivo (CTRL+N)

 

Dê um clique no primeiro frame e coloque o código abaixo

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Observações referentes ao código

 

Quando o iniciar o joguinho a função onEnterFrame é invocada, ela fica esperando o pressionamento de teclas, e toma as decisões necessárias para a movimentação correta do personagem que iremos criar logo abaixo. No código também tem uma função que serve para capturar cliques do mouse na tela (onMouseDown). Quando ocorrer um clique será fieta uma duplicata do movieclip chamado tiro.

Criação dos movieClips para o jogo (tiro, inimigo, nave e explosão)

 

Vamos criar agora o movieClip que representará o tiro. Crie um círculo fora do stage, de modo que ele não apareça na animação final. Selecione-o e pressione F8, para transformar em movieClip.Dê o nome de tiro. Certifique-se que o movieClip círculo se chama realmente tiro. Para issso basta clicar no círculo e verificar na barra de propriedades.

 

 

Agora clique no círculo e coloque o código abaixo:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

No código, é importante destacar o uso do método hiTest(), que é muito importante para a detecção de colisão. Ele é responsável em dizer se dois movieClips colidiram ou não.

 

Agora criaremos a nave que pilotaremos, no nosso caso é só um quadradinho. Da mesma forma que você criou o tiro, crie 2(dois) quadradinhos, um ficará na parte superior fora do stage e outro dentro do stage na parte inferior.Ttransforme-os em movieClips e nomeie o que está no stage de nave e o que está fora de inimigo. Por fim faça a figura que respresentará a explosão, ficará próximo ao movieclip tiro. Chame-a de explosão. Veja como nosso stage ficará abaixo:

 

 

Agora vamos so código do inimigo, dê dois cliques no inimigo. No primeiro frame coloque:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

Esse é o life do inimigo. Agora volte à cena principal e selecione o inimigo. Aperte F9 depois coluque o seguinte código:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

O código acima indica que quando o life do inimigo acabar vai ser feita uma duplicata do movieClip explosão que vai aparecer exatamente no local onde houve a colisão com o tiro. Senão ocorre colisão alguma ele entra no else e continua avançando em direção à nave que controlamos.

 

Por fim o código da explosão:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Bem similar so código do tiro a explosão só com as duplicatas, aplicamos apenas uma diminuição no alpha até que chegue a zero aí deletamos a instancia duplicada da explosão. Se tiver seguido corretamente os passos, o joguinho está pronto!Use sua criatividade para fazer variações desse exmplo. Divirta-se!

 

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

 

Codigos:Márcio

Postagem e Fotos : ~~Surfistinha~~

[Luanhacker22 0]

Sou seu fã brother . varios tutoriais seus aki ajudam bastante .

vlw :cool:

[~~Surfistinha~~ 9]

^^ Que que voce é o meu fan

 

Eu criei mas olhe aqui nesta area Jogos em Flash - Web Cheats

 

 

Espero que goste tambem e´ relacionado a esse topico

 

 

vlw

[[L]exus 0]

belo topico manin.

 

Vou tentar fazem um

 

Obrigaduh por compartilhar.

[caxacaxo 10]

Otimo surfistinha

 

Vou tentar criar um = D

 

 

Vlw por compartilhar

 

Voce sempre esta ajudando

 

vlw

[guerreiro2000 0]

Bem legal cara vo tentar desenvolver o meu pra ve como sai...;D

['Surfistinha 0]

Closed