8 replies to this topic

[Makerup]

Como prometir vou tentar fazer alguns tuto para substituir alguns aqui, não posso fazer todos de uma vez, mais vamos fazendo aos poucos.

desta feita faremos um ...

Quebra Cabeça

Usaremos o Fireworks para fazer as imagens os recortes e etc...
é meio demorado mais, tudo bem.

1- Crie uma imagem 500x350. como no Exemplo abaixo;

a imagem será dividida em quadros por isso cuidado com o tamanho.

2- Aplique transparência de mais ou menos 50% para facilitar a visualização da imagem.

3- Coloque 5 linhas na horizontal e 6 na vertical quadriculando a sua imagem:
Dica:

ao aplicar a Linha, segure a tecla Shift para facilitar a perfeição da linha

Attached Files

•  quebracabe_a.gif   82.07KB   16 downloads

[Makerup]

Cont...

4- Use a ferramenta Freeform Tool para dar forma as peças do quebra cabeça.


5- Recorte cada peça do quebra-cabeça.

6- Adcione o efeito Bevel & Emboss>Inner Bevel.

7 - Cofiguere como mostra a IMG.

Attached Files

•  quebracabe_a2.gif   55.19KB   9 downloads

[Makerup]

Hora de usar o Dreamweaver...


1- Crie uma tabela de 510x359, com borda de 1px preta. A tabela servirá só para marcar a área do quebra-cabeça.

2- Crie um DrawLayer e insira uma das peças do seu quebra-cabeça.

3- Adicione agora a ação Drag Layer para arrastar a figura.
Selecione a figura dentro do DrawLayer. Vá no painel Behaviors e adicione Drag Layer.

4- Use a ação OnLoad. Isso fará com que a Imagem já esteja ativada antes do click do Mouse.

6- Monte o quebra-cabeça com os Draw Layer.

Salve e mande um F12 para testar o Drag Layer.

7- Com tudo pronto, é hora de criar a rotina do jogo. Crie um botão para misturar as peças e outro para ordenar. uhhhh, faça isso usando a Linha de Tempo.

Adicione todos Draw Layer à Linha de Tempo com apenas dois quadros(frames) para cada Drae Layer.

Montando o Layout do Jogo.

Adicionamos ao html o espelho (Imagem Original), para orientar o jogador, um Botão para zuar as peças, e outro para mostrar o quebra-cabeça montado.

8- Vamos definir a posição dos Draw Layer para os dois botões do jogo.

Tendo montado o Quebra-Cabeça, posicione as camadas para a distribuição. Para isso, selecione o frame dois da Timeline, clicando em cima dele.

Arraste os Draw Layer para o campo "Peças" na imagem do painel. Sempre verifique se o frame 2 continua marcado.


Com esta sequência que você aplicará à todos os Draw Layer e terá o posicionamento para a distribuição das peças.

9- Aplicaremos behaviors aos botões do painel.

Use o Hotspot Tool para linkar a figura.

E com o Hotspot Tool selecionado, vá no painel Behaviors>Timeline>Go To TimeLine Frame e indique o frame 2. Agora, como evento do Mouse selecione OnClick. Isso fará com que você, ao clicar, rode a animação carregando a posição das camadas.

O mesmo faremos para o link "Ver quebra-cabeça montado". Adicionamos um Hotspot Tool.

Agora, em Behaviors>Timeline>Go To TimeLine Frame indique o frame 1. Atribua o Evento OnClick ao Mouse. As 32 camadas voltam ao frame 1 que forma o quebra-cabeça montado.

[Makerup]

Bom...

acho q já tem imagem de mais né?? rs...

bom... qualquer coisa postem ai...

[rodrygokfu]

Você precisa de didatica para ensinar amigo

Você ensina como se todo mundo ja soubesse

não é bem assim

[Makerup]

rs*,

na verdade esse é um exercicio para nivel médio.


Se está tendo dúvidas de como fazer, posta ai q a gente te ajuda.

[rodrygokfu]

Obrigado

Legal, este o nível médio!

De acordo com a sua capacidade né...

[Blackbird]

Obrigado

Legal, este o nível médio!

De acordo com a sua capacidade né...

Então garotão, se esta com dificuldade e quer "didática" vai na Impacta e se inscreve um curso. O cara teve a PIEDADE de escrever esse ótimo tutorial para nós, e você reclama ainda?
Se não entendeu isso, melhor você deixar de se matar em tentar fazer algo complexo, passar a estudar o básico e depois voltar a tentar fazer isso. Solução simples para um problema simples.

Sem mais.

[RonsisM]

Viagra Guaranteed Pharmacy cheap cialis Doxycycline For Dogs Pet Meds Acheter Misoprostol En Ligne Moin Cher Maximum Dose Amoxicillin Propecia Women cialis Levitra Generico Per Ragazze
Finasteride Direct viagra cialis Levitra Generique Montreal Kamagra En Ligne En Suisse Cephalexin How Long Work Keflex And Swollen Nipples viagra cialis Cialis 10 Mg Wirkstoff