Quebra-cabeça
Olá pessoal! Nesta matéria vamos criar algo simples, mas extremamente interessante. Vamos desenvolver um jogo de quebra-cabeça em que o usuário pode arrastar as peças e encaixá-las até completar a sua figura.
Precisamos importar uma figura para nossa aplicação. A figura fica a sua escolha. Em nosso exemplo, usaremos uma figura do Homem-aranha.
Com a figura em nossa aplicação, vamos desmembrá-la. Para isso, você deve clicar com o botão esquerdo sobre a figura e escolher a opção Break Apart.
Terceiro passo:
Vamos dividir nossa figura em peças. Você escolhe o desenho que sua peça vai ter e como você fará para dividi-la. Neste exemplo utilizei a ferramenta laço.
O Fireworks MX 2004 tem um Auto Shape (“puzzlepieceshape”), bem interessante para criação de efeito quebra-cabeça.
Quarto passo:
Agora que nossas peças já estão recortadas, vamos fazer com que elas possam ser arrastadas pelo mouse.
Inicialmente, você deve transformar cada parte da figura que você dividiu em um movie clip. Selecione a parte desejada e pressione a tecla F8 (Figura 4). Faça este procedimento para todos as peças de sua figura. Em nosso exemplo teremos quatro movies, com os nomes de Peca1, peca2, peca3, peca4.
Enfim, vamos ao final de nossa jornada. Instancie os movies com os nomes de peca1, peca2, peca3 e peca4, no caso de nosso exemplo.
Agora, na action de cada movie, vamos inserir o seguinte código:
on (press) {startDrag("_root.peca1");}on (release) {stopDrag();}
Obs.: Lembre-se de sempre trocar o número da peça para a instância a que ela se refere. Exemplo: peca1: startDrag("_root.peca1");, peca2: startDrag("_root.peca2"); e assim sucessivamente até terminar suas peças.
Embaralhe as peças e pronto!
Nosso quebra-cabeça está terminado. É só rodar e usar sua imaginação para criar joguinhos bem legais com figuras incríveis.
Um abraço a todos e espero nos vermos em breve.
Nenhum comentário:
Postar um comentário