Tutorial / Jogo infantil - A Ponte     

Etapa – 1
Crie um gabarito, a princípio em vista aérea, para a marcação do tamanho e a
trajetória a ser percorrida. Depois de concluído, coloque-o em perspectiva, se
assim o desejar. Atenção! A trajetória deve ser composta por peças separadas.
Imagine o efeito como um jogo de dominó.


Etapa – 2
No Flash, posicione o gabarito e a trajetória. Como a peças que compõem a
trajetória estão separadas, deixe-as em seu local de origem e converta-as uma a
uma para Movie Clip, (F8). Instancie-os com nomes diferentes. Utilizaremos para
exemplo: portal 1, portal 2, portal 3, etc... Estes Movie Clips serão
as áreas de colisão.

Etapa – 3
As peças do jogo quando unidas corretamente correspondem
em sua forma e trajetória que também são as áreas de colisão.
(portal 1, portal 2...etc.) Agora converta estas peças uma a uma para Movie Clip e
instancie-os com nomes diferentes. Para exemplificar, utilizaremos: presidente 1,
presidente 2 e assim por diante. Edite o Movie Clip (Crtl+E) e o converta (F8)
para botão. E coloque a seguinte ação:

on (press) { startDrag("", true); } on (release, releaseOutside) { stopDrag(); }

Atenção! Deverá instanciar (nomear) somente a peça (Movie Clip) correspondente
a sua fase, ou seja, somente uma peça a cada etapa será “verdadeira” as demais
são “falsas” estas, tem a propriedade de serem arrastáveis mas somente para
confundir do jogador.

Etapa - 4
Na Time Line marque as fazes as serem ultrapassadas à medida que as peças
corretas forem encaixadas. Utilize Frame (número) ou Label para orientação.
E coloque a seguinte ação neste Frame:

 
_root.portal1.onEnterFrame = function()
{ if (this.hitTest(_root.presidente1._x, _root.presidente1._y, 1)) { gotoAndStop(10); } };


Obs: O número 10, é o número do Frame para onde se deve seguir quando
a peça correta for encaixada.



Etapa - 5
Para as demais peças “verdadeiras” que fazem parte do jogo siga acrescentando
na Time Line em suas respectivas fazes as ações da Etapa – 4 alterando o nome
do “portal” do “presidente” e o número do Frame ou Label para onde se deve seguir
quando a peça correta for encaixada. Exemplo:

 _root.portal2.onEnterFrame = function()
{ if (this.hitTest(_root.presidente2._x, _root.presidente2._y, 2)) { gotoAndStop(20); } };



Resumo:
Quando o Movie Clip “presidente 1” ocupar a mesma área que Movie Clip “portal 1”
segue para Frame ou Label a ser escolhido.

Até a próxima!
Renato Douglas