Pular para o conteúdo principal

Canal do telegram com Varios cursos gratuitos de programação

jogo de perguntas e respostas no flash

Para acompanhar este tutorial é bom ter conhecimento básico de action script 2.0, e saber trabalhar com as ferramentas do macromedia flash.

Hoje vou ensinar a criar um game de perguntas e respostas em flash, muito simples vou utilizar perguntas absurdas que serão:

qual a primeira, segunda e terceira letra do alfabeto?

Claro que você vai escolher perguntas mais difíceis, dignas de um bom jogo!!!
Para começar crie na primeira frame estes objetos:

1 texto estático contendo o nome pontos
1 texto dinâmico de variável "pontos"
1 texto estático onde você vai escrever a pergunta, mas não agora
3 botões de cor clara eu utilizei um cinza, neste botões coloque em cada um um texto estático e escreva a, b e c respectivamnte, pois serão as opções do game.
agora tecle F6 2 vezes para copiarmos para as outras frames

agora vamos escrever as perguntas:

frame 1 : qual a primeira letra do alfabeto?
frame 2: qual a segunda letra do alfabeto?
frame 3: qual a terceira letra do alfabeto?

E nos botões da frame 1:

coloque os códigos:

a:

on (press) {
 gotoAndPlay(2);
 pontos +=1
}

b:

on (press) {
 gotoAndPlay(2);

}
c:

on (press) {

 gotoAndPlay(2);

}
Nas outras frames:

frame 2:

a:

on (press) {
 gotoAndPlay(3);

}

b:

on (press) {
 gotoAndPlay(3);
 pontos +=1
}

c;

on (press) {
 gotoAndPlay(3);
}

frame 3:

a:

on (press) {
 gotoAndPlay(4);

}

b:

on (press) {
 gotoAndPlay(4);

}

c:

on (press) {
gotoAndPlay(4);
 pontos +=1
}

agora clique na frame 3 e tecle F6 uma vez para copiar o conteúdo criando assim a frame 4, na frame 4 apague tudo deixando apenas o texto estático com o nome pontos e o texto dinâmico com variável "pontos" troque a variável "pontos" por "pontuacao".

crie na frame 4 um texto dinâmico com variável : "text" e na frame coloque o código:

stop();
pontuacao = 0
pontuacao = pontos
if (pontuacao >=3) {
 _root.text="ótimo"
}else{
 _root.text="você não atingiu a pontuação correta!!!"
}
ah! e também coloque a função stop(); nas outras frames também porque se não vai criar slides e o jogador não terá a mínima chance de jogar!!!

Vou explicar como funciona este game:

o jogador deve chegar á pontuação máxima, que neste caso é 3 pontos, se não for atingida surge a mensagem:

você não atingiu a pontuação correta!!!

se o jogador atingi-la aparece: "ótimo"

O arquivo .fla pode ser baixado no link abaixo:

http://www.4shared.com/file/Z_m9jJxP/jogo_de_perguntas_e_respostas.html

Até a próxima

E não deixem de ver as aulas de Html do blog!!!

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend Os formulários são parte essencial de qualquer site moderno, permitindo que usuários enviem informações, realizem cadastros, façam login ou interajam com o conteúdo. No HTML5, surgiram novas tags, atributos e boas práticas que tornam os formulários mais semânticos , acessíveis e fáceis de validar. Por que usar formulários semânticos? A semântica no HTML ajuda tanto os mecanismos de busca quanto tecnologias assistivas a compreenderem o significado do conteúdo. Isso melhora a acessibilidade, a indexação e a experiência do usuário. Além disso, navegadores modernos oferecem suporte nativo para validações simples. Estrutura básica de um formulário semântico em HTML5 O HTML5 introduziu novos tipos de campos que tornam os formulários mais inteligentes, como email , url , number , date , entre outros. ...

Login com JavaScript

Procurando na web encontrei um código de login em javascript muito criativo onde o usuário inseria o nome de  usuário e a senha, então o script procurava a página usuariosenha.html , por exemplo se o usuário fosse "joc" e a senha "123" exixtiria página joc123.html. Deste modo o usuário só conseguiria acessar a página web se acertasse exatamente o nome da página, daí cada usuário teria uma página, o problema do script é que a senha ficava exposta, pois ficava salva na barra de endereço, então procurando aperfeiçoar criei um script melhorado, resolvendo a questão da segurança, desta vez a página aparesse em um iframe, assim não ficará mais salvo no histórico do navegador. abaixo segue o código: index.html: <html> <head> <title>logar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> function logando() { var login = document.form...