Game: pintura e montagem

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.