Olá amigos. Inicialmente gostaria de agradecer aos e-mails pedir desculpas pela demora em publicar novos artigos.

Nesse artigo vamos estudar o desenvolvimento de um game simples pelo Flash, evidenciando sa explicações teóricas e técnicas, linha a linha. Você pode fazer o download do .FLA deste artigo, bem detalhado, clicando aqui. Será um game pintura e montagem.

Objetivo

O objetivo do artigo é explicar como duplicar, controlar os objetos duplicados, pintar e apagar os mesmos.

Antes de ler a explicação é aconselhável baixar os arquivos e abrí-los.

Explicação

No artigo trabalhamos com dois arquivos. Um deles terá as ferramentas e toda a programação. O outro vai ter o palco com os objetos que podem ser duplicados e pintados. Foi feito dessa forma para facilitar a vida dos designers de plantão. Desta forma, eles simplesmente desenham os palcos e os objetos sem precisar programar (é papel fundamental de um programador web facilitar a vida dos designers).

Base.fla

Inicialmente abra o .fla com o nome de base. Note que na parte inferior do arquivo tem um painel de cores e três ferramentas: uma "borracha" que serve para tirar o objeto duplicado, uma "mão" que serve para duplicar um objeto e mover um objeto que já foi duplicado e um "pincel" para pintar.

Quando iniciamos o arquivo, nós sumimos com o mouse e deixamos um outro objeto, igual ao pincel, em seu lugar. Quando clicamos em qualquer uma das ferramentas, fazemos os respectivos objetos ficarem no lugar do mouse, para o usuário saber qual a ferramenta ele está usando.

A explicação dos procedimentos para pintar, apagar, mover e duplicar os objetos está no arquivo .fla. É só você ler com atenção, pois está bem simples.

ArtigoPintando.fla

Esse arquivo tem quase nada de programação apenas algumas linhas padrões que serão explicadas depois primeiro explicarei o como desenhar os objetos para ter um melhor efeito.

Desenhando

Crie um movie clip com qualquer nome. Nele você vai desenhar os contornos do objeto. Use linhas um pouco grossas para aparecer melhor. Logo após, coloque o conteúdo que vai ser pintado em outro movie clip, dentro do mesmo movie clip criado anteriormente. Deve-se instanciar esse conteúdo com o nome "pinta". Ele vai ser o movie clip que nós vamos realmente mudar a cor através da programação na base.fla.

Eu separei o conteúdo do contorno para você entender melhor, mas eles devem ficar juntos igual aos que estão nesse .fla.

Programando

Essa é toda a programação que você deve colocar nesse arquivo. Deve ser aplicada em todos os objetos, alterando apenas o this.mover para true ou false, para dizer se o objeto se move ou não, já que as vezes queremos colocar fundos fixos em nossos palcos.

onClipEvent (load) {

//inicializa a variavel mover com true dizendo q o objeto pode que mover

this.mover = true;

}

on (press) {

//Chama o evento feito na base

_root.mudacorOuMove(this);

}

Você pode conferir o arquivo funcionando clicando aqui.

Você pode alterar este arquivo para receber vários palcos facilmente, mas isso eu deixo com vocês . Espero que tenham gostado e logo publicarei mais artigos, muito obrigado pela leitura.

Qualquer dúvida, favor entrar em contato ou postar um comentário.