TANGRAM (ROTEIRO 10): O que é o jogo?

TANGRAM (ROTEIRO 10): O que é o jogo?

Nessa proposta há duas opções, que devem ser selecionadas pelo professor/administrador antes do começo do jogo: > Modo “Experimento”:

a. Tangram livre (montar o que quiser - rotacionar, posicionar, etc.);

b. Molduras/sombras: a criança escolhe um objeto, ex.: gato. Então a partir do contorno monta o objeto; > Modo “História” (usando narrativa):

a. Moldura/sombra: a narrativa só tem progresso se o que é pedido a partir da moldura/sombra for montado;

b. (Ter modo história “livre”também?)

Exemplo 01 - tangram para alfabeto (letras e figuras): https://www.youtube.com/watch?v=ZQvN6kGFW7I

Exemplo 02- tangram com narrativa: https://www.youtube.com/watch?v=3RwRAUAAld0

Era uma vez uma gata ela era muito esperta e se chamava Lina. Essa gata adorava ficar em cima do muro, observando tudo: o carro passando, a vizinha falando, até a luz piscando!

Você consegue montar a Lina?

TANGRAM (ROTEIRO 10): Elementos de gameplay para protótipo!

Botões on/off, Home e Pause

Quando foi um dia, Lina conheceu Beto: um coelho cor de cinza. Beto estava triste porque não era branco e os amigos riam dele. - Cinza não é fofo. Cinza é cor de sujo... E eu tomo banho! - reclamou Beto.

Você consegue montar o Beto?

Clica/toca, arrasta e solta (estudar como fazer rotação);

Narrativa

Background - cena (animação?)

Página 02

> Elementos de interface: adicionar mesmo que não haja interação (ex.: ter o botão de home ainda que não vá para home); > A história e a montagem do tangram devem ser separadas em duas etapas de telas (primeiro história, depois montar objeto);

> Navegação entre páginas: leitura > clica “próximo” > tangram > clica “próximo”. Botão voltar: retorna para a última página de leitura, quando se avança player pode montar tangram novamente ou pular a etapa se tiver montado anteriormente.

Ficha do Jogo (resumo):

Tema: Matemática;

Público Alvo: Crianças (8 - 11 anos);

Proposta do cliente: Tangram, roteiro 10 - animais e figuras geométricas; Meta: Montar desenhos associando as figuras;

Título: xxx ;

Mecânica Principal: Arraste e solte;

Número de Fases: Jogo de conteúdo adaptável, podendo ser infinito. Entrega para o cliente de no mínimo 1 narrativa; (?)

Linguagem: HTML 5 e ter auto-ajuste para diferentes resoluções de tela;

Objetivo: Usar peças tradicionais de tangram para montar imagens específicas ou brincar no modo livre; Particularidades: Progresso (narrativa) baseado em acerto das imagens (salvo modo livre);

Dificuldade do jogo: tempo para montar; (?)

Protótipo precisa apresentar NO MÍNIMO:

* Tela de loading (”Peças de tangram montando o quadrado tradicional?”) * Tela de Gameplay:

1) História/Narrativa (texto é o suficiente, o áudio fica para desenvolvimento);

2) Peças de Tangram a serem usadas (slecionar, arrastar, soltar e rotacionar ativos/funcionando); 3) Sombra/Contorno (objeto proposto que deve ser montado);

4) Relógio visual regressivo (não tem números);

5) Ao menos uma pergunta/objetivo (do que tem que montar - relação com história); 6) Demonstração de acerto: a peça fica fixa (encaixa na moldura);

7) Ter acompanhamento de leitura destacando palavra por palavra - estilo “karaoke”;

> Estudar melhor forma de manipular as peças no quesito rotação (ter botão para rotacionar? dois cliques/toques? ter pontos de rotação na própria peça?); > Lembrar que existirá o modo livre a ser desenvolvido - embora não seja preciso para protótipo - escolhido pelo professor/administrador no início do jogo; > Ter em mente que os jogos que trabalham essa mecânica podem envolver “nomear” ou até usar conteúdo (ex.: estudar perímetros com valores das peças)

Necessidade para o PROTÓTIPO está em

VERMELHO,

o resto é apenas para melhor

compreensão a fim de programar pensando no que terá que ser feito futuramente:

1

. Usuário recebe narrativa (textual, auditiva e cinemática/animação da cena no baackground (ou ilustração

estática mesmo - estudar custos);

2. Botão “próximo” aparece e quando clicado vai para a próxima página (a de montar o tangram de fato);

3. Jogador visualiza sombra do que terá que montar, as peças que poderá usar e a pergunta (esclarecendo

o objetivo do que se deve montar);

4. A partir de toque/clique (drag/drop) o usuário manipula o transporte de peça por peça; A rotação

também deve ser feita (

sugestões de como colocar as rotações?

);

5. Se estiver errado, a peça ainda pode ser movida, se estiver correto ela ficará fica na moldura (

feedback

em áudio também ou só quando a peça inteira for montada?

);

6. Quando todas as peças forem encaixadas, feedback visual (

estrelas? animação do tangram montado?

)

7. História continua para próxima parte; próximo tangram, etc.

8. Quando a história termina > Pontuação em estrelas (1 estrela por ter feito tudo dentro do tempo, 2

estrelas se na soma dos tempos der de y até x segundos, 3 estelas abaixo de x segundos);

9. Opção de ler novas histórias;

* No caso de Tangram livre não há pontuação, é uma área apenas para explorar o uso do Tangram;

TANGRAM (ROTEIRO 10): Fluxo do Jogo

Não há necessidade de navegação entre telas para o PROTÓTIPO, o fluxo abaixo apresentado

é apenas para melhor compreensão a fim de programar pensando no que terá que ser feito

futuramente:

TANGRAM (ROTEIRO 10): Fluxo de Telas

Info/

Home

Jogar/Voltar

Nível = 0

Nível > 0

Último Nível

Próximo

Jogar

Novamente

CRÉDITOS

ESCOLHA DE NÍVEL

TELA PRINCIPAL

(HOME)

RESULTADO FINAL

GAMEPLAY

TUTORIAL

Manter padrão do projeto: backgrounds com trabalho de textura/sombras, enquanto os elementos de primeiro plano do gameplay são mais cartunescos - estilo do cliente (pesonagens). Trabalhar as peças de Tangram com vista isométrica, passando a sensação de volume da peça (pouca profundidade). Para protótipo não há necessidade de animações e efeitos.

TANGRAM (ROTEIRO 10): Guia do Artista

Exemplos paleta/luz/sombra/textura:

Avatares do cliente:

Tangram (”3D”):

Elementos Planejados:

Elementos padrão:

Toy Story

Ticket Toc

> Protótipo necessita de no mínimo: 1 background (narrativa), 1 objeto (sombra/contorno), peças de Tangram, display de peças, fonte definida (mesma do lego?), botões de interfaces (ok), relógio regressivo. É possível animar peça de tangram quando ela for criada? Ou criar “cinematic” da cena para depois