terça-feira, 17 de abril de 2012

Passos para a criação do Jogo de Perguntas e respostas em Flash MX

Conforme informei trago agora os passos para a criação do joguinho apresentado no post anterior, boa sorte a todos e bons estudos. Qualquer dúvida comente.

Você vai precisar usar uma versão do Macromédia flash, no meu caso, usei a versão MX, se você não tiver instalado no seu computador não precisa comprar você pode baixá-lo gratuitamente no superdownload (http://www.superdownloads.com.br/download/199/macromedia-flash/) a versão de teste.
Com o programa instalado você terá a seguinte interface logo que iniciar o programa:

A primeira ferramenta a ser utilizada será a ferramenta texto:


Clique na ferramenta texto vá até o palco (esse quadrado branco) clique a arraste o mouse vai aparecer um quadrado onde você deverá inserir seu texto.
Na parte circulada em vermelho (na figura a baixo) você encontrará os botões de edição de textos, a lógica aqui é muito parecida com a de um editor de texto comum como o Word, você não terá dificuldade em formata seu texto. Escolha a fonte, o tamanho e a cor.

Inserindo os botões
Nosso objetivo aqui não é atrapalhar de forma alguma o professor por isso estamos usando uma linguagem bem acessível para aqueles que não possuem conhecimento em programação. Nossa meta é que qualquer professor consiga criar esse joguinho com suas questões. Queremos criar o seu primeiro trabalho de autoria em tecnologias da educação com seus estudantes.
Pois bem vamos inserir os botões. Clique na ferramenta retângulo sua posição é mostrada na figura a baixo:

Traga o mouse para o local onde você vai inserir seu botão, escolha o tamanho e desenhe-o. Veja como deverá ficar: 




O retângulo azul será nosso botão.
Agora vá novamente à ferramenta texto e coloque sobre o botão um título. Pode ser “começar”, “jogar”, “iniciar”. Você escolhe. Vou chamar meu botão de Iniciar. Vejo como ficou:

Tenha cuidado para não esquecer de mudar a cor da fonte, que poderá está azul tal qual a cor de fundo do botão.
Vamos agora transformar nosso retângulo em um botão de verdade. Clique sobre ele com o botão direito do mouse e escolha a opção converter em símbolo. Na caixa de diálogo “converter símbolo” coloque o nome “botão1” e clique em ok.

Agora iremos criar um vinculo deste botão com os demais frames. Clique novamente com o botão direito do mouse sobre o retângulo (agora é um botão). Escolha a opção “ações”. No local indicado na figura abaixo digite o seguinte código:
on (release) {
                gotoAndStop(2);
}
Este será o único código que você deverá usar em todo o seu trabalho de autoria com seus estudantes. Observe que em gotoAndStop(2) o número 2 indica o frame para qual o botão irá levá-lo ao você clicar sobre ele.

Pronto, agora temos um botão funcionando.
Antes de criarmos o outro frame, vamos mudar a cor de fundo deste. Clique com o mouse em qualquer lugar do palco. Na parte onde estava a aba ações-botões aparecerá a aba de edição do palco. No quadradinho branco selecione a cor amarela.



Agora vamos criar o segundo frame, com as perguntas.
Use a ferramenta texto pra digitar a pergunta e suas alternativas. O segredo aqui será os botões. Usando os passos acima descritos de criação de botões você irá cria um botão para colocar nas alternativas. O melhor de tudo é que você só precisa criar o botão uma vez. Depois é só arrastá-lo para perto das alternativas que você criou. Veja como vai ficar:



Clique com o botão direito do mouse sobre os botões que você criou e digite para cada botão o mesmo código do primeiro botão que criamos:
on (release) {
                gotoAndStop(2);
}
Só que no lugar do “2” você irá digitar “3” para todas as alternativas erradas e “4” para a alternativa correta.
No frame 3 você irá criar uma mensagem de erro:

E no frame 4 uma mensagem de acerto:

Observação: caso você não queira criar os botões um a um (e nem é necessário) vá em biblioteca (ctrl + L) clique e arraste o botão para o local que desejar.
Pronto. Agora é só você criar quantas perguntas quiser e sair por ai se divertindo e estudando muito com seus estudantes.
No próximo post ensinarei a colocar sons nos botões e a postar seu joguinho no seu blog ou no blog da escola. Até lá.

____________________________________________
Caso você queira um maior esclarecimento a respeito de como utilizar as ferramentas pedagógicas, gostou de algum post deste blog ou quer entrar em contato com o blogueiro deixe seu comentário.

______________________________________________
Professor Sebastião Assunção é formado em Ciências da Computação pela UESPI e Especialista em Tecnologias da Educação pela PUC-RIO

Um comentário: