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