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

Transcrição

1 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?) 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? Página 01 Exemplo 01 - tangram para alfabeto (letras e figuras): Exemplo 02- tangram com narrativa:

2 TANGRAM (ROTEIRO 10): Elementos de gameplay para protótipo! 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. Clica/toca, arrasta e solta (estudar como fazer rotação); Botões on/off, Home e Pause Página 02 Background - cena (animação?) Tempo regressivo Sombra/contorno do objeto Narrativa Objetivo Você consegue montar o Beto? Peças a serem usadas > 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.

3 TANGRAM (ROTEIRO 10): Informações Gerais 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)

4 TANGRAM (ROTEIRO 10): Fluxo do Jogo 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;

5 TANGRAM (ROTEIRO 10): Fluxo de Telas 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: CRÉDITOS Info/ Home TELA PRINCIPAL (HOME) Jogar/Voltar Jogar Novamente RESULTADO FINAL Último Nível ESCOLHA DE NÍVEL Nível > 0 GAMEPLAY Próximo Nível = 0 TUTORIAL SOBE 1 NÍVEL

6 TANGRAM (ROTEIRO 10): Guia do Artista 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. Avatares do cliente: Toy Story Exemplos paleta/luz/sombra/textura: Tangram ( 3D ): Elementos padrão: Ticket Toc Elementos Planejados: > 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 apresentar o que tem de ser montado??