Como configurar o aspeto do jogo?

Publicado · Atualizado

O aspeto comum dos ecrãs dos convidados define-se num único sítio: Telas do jogo → Principal. O estilo de design, as cores, o logótipo, o fundo e a posição do ícone de cadeado que escolher aqui aplicam-se de uma vez a todos os ecrãs, das Boas-vindas à Tabela de pontuações. No separador de cada ecrã há apenas o fundo, a posição do logótipo e os textos específicos desse ecrã. Este artigo descreve cada secção do separador Principal e como um ecrã substitui o valor que vem de Principal.


i
Em resumo
  1. O Estilo de design define a linguagem de formas e o tipo de letra, Cores da interface define a paleta. Os dois são independentes.
  2. O Logotipo padrão está desligado num evento novo; depois de carregar o ficheiro, ligue o interruptor. A posição do logótipo define-se com Posição do logo no separador de cada ecrã.
  3. O Fundo padrão aceita imagem ou vídeo. Opacidade do fundo diz quão visível é a imagem; a predefinição é 20%.
  4. O Ícone do painel é o ícone de cadeado que lhe permite voltar às definições; a posição predefinida é o canto inferior direito.
  5. Se tocar em Fundo ou em Opacidade do fundo no separador de um ecrã, esse ecrã separa-se de Principal.

Pré-visualização e reposição


A Pré-visualização da tela no topo do separador mostra de imediato o estilo, as cores, o logótipo, o fundo e o ícone de cadeado que escolheu. Tocar num elemento da pré-visualização desloca a página até à definição desse elemento. Tela cheia amplia a pré-visualização; fecha-a tocando numa área vazia ou no X do canto.

Restaurar padrões repõe tudo neste separador: o estilo, a paleta e as doze linhas de cor, o fundo predefinido, a opacidade e o ícone de cadeado. Primeiro aparece a pergunta Restaurar esta tela?; confirma com Restaurar. O logótipo não entra nesta reposição; para remover o logótipo, desligue o seu próprio interruptor. O botão com o mesmo nome nos separadores de ecrã repõe só esse ecrã e não toca nas definições daqui.

Estilo de design


Há cinco cartões; escolhe-se um. O estilo muda o arredondamento dos cantos, os contornos, as sombras e o tipo de letra. Não há uma definição de tipo de letra à parte; o tipo de letra vem com o estilo. As cores não mudam; escolhem-se à parte mais abaixo.

EstiloAspeto
GeloVidro fosco iluminado por trás. Suave, arredondado, translúcido. É o selecionado num evento novo.
Noite de fliperamaFicha de arcade. Cantos cortados e contorno de impressão desalinhado.
ArgilaPlasticina. Inchado, sem moldura; o volume vem da sombra.
BrutalImpressão de cartaz. Contorno grosso e sombra dura sem desfoque.
PixelEcrã de consola antiga. Contornos em degraus e linhas de varrimento.

Cores da interface


Em cima estão as paletas prontas: Sonho roxo (predefinição), Brisa do mar, Pôr do sol, Modo escuro, Claro minimalista e Personalizado. Tocar numa paleta escreve as seis cores base de uma vez e repõe em automático as seis linhas específicas do produto (cores da pergunta e das opções). Nas linhas por baixo pode alterar cada cor individualmente; no seletor que abre ao tocar na caixa escolhe uma cor lisa ou um gradiente. Alterar uma única cor não muda o cartão da paleta selecionada; o cartão Personalizado é apenas um marcador, não toca nas cores.

CorOnde é usada no ecrã do convidado
FundoO fundo do ecrã. Se não houver imagem de fundo ou se ela for transparente, é esta cor que se vê. Se o fundo for claro, os textos ficam automaticamente pretos; se for escuro, brancos.
Texto principalTítulos, cor de realce, linhas de progresso e o preenchimento automático das caixas das opções.
Texto secundárioSubtítulos e segunda cor de realce.
Fundo do botãoOs botões principais: Toque para começar, Continuar, Jogar de novo, Voltar.
Texto do botãoO texto desses botões.
Contagem regressivaA barra de tempo que se vai apagando no topo do ecrã do jogo.
Texto da perguntaO texto da pergunta. Se vazio, preto ou branco conforme o fundo.
Texto da opçãoO texto das opções. Se vazio, preto ou branco conforme o fundo.
Resposta corretaO realce da resposta certa. Se vazio, verde.
Resposta erradaO realce da resposta errada. Se vazio, vermelho.
Caixa da perguntaA caixa atrás do texto da pergunta. Se vazio, a caixa não é desenhada.
Caixa da opçãoO preenchimento dos botões das opções. Se vazio, a cor Texto principal ligeiramente transparente.

As últimas seis linhas só afetam o ecrã do jogo. Depois de escolher uma paleta pronta, estas linhas ficam vazias e o ecrã é desenhado com os valores automáticos; preencha só o que precisar.

Logótipo padrão


Carregue um ficheiro JPG ou PNG no campo Logotipo e ligue o interruptor ao lado. Num evento novo o interruptor está desligado; mesmo que carregue um ficheiro, com o interruptor desligado o logótipo não aparece. O logótipo é o mesmo ficheiro em todos os ecrãs dos convidados. A posição define-se por ecrã: em cada separador de ecrã (Call to Action, Cadastro, Jogo, Agradecimento, Placar) há uma grelha Posição do logo, predefinição Topo. O logótipo do ecrã de pausa define-se à parte no separador Pausa. Um ficheiro de vídeo não é mostrado como logótipo.

Fundo padrão e opacidade


Carregue uma imagem ou um vídeo no campo Fundo. Num evento novo o interruptor está ligado e, como não há ficheiro selecionado, é usada uma imagem de exemplo incorporada. Se carregar o seu próprio ficheiro, todos os ecrãs o mostram; o vídeo toca sem som e em ciclo. Se desligar o interruptor, não fica imagem em nenhum ecrã; os ecrãs são pintados só com a cor Fundo.

O controlo deslizante Opacidade do fundo diz quão visível é a imagem: 100% é a própria imagem, 0% é invisível. A predefinição é 20%; com este valor a imagem fica esbatida e a cor do fundo domina. Se quiser que a fotografia se veja nítida, aumente o valor. Com o interruptor do fundo desligado, o controlo está desativado.

Ícone do painel


É o ícone de cadeado que fica no canto dos ecrãs dos convidados; ao tocar, é pedido o PIN e volta-se às definições. Escolhe a posição numa grelha 3×3; num evento novo é Canto inferior direito. O interruptor por baixo remove completamente o ícone (Desligado); nesse caso só se volta às definições com F11 ou F12 no teclado. As opções de visibilidade são 100%, 50%, 25% e 0%: 0% torna o ícone invisível mas a posição funciona; tocar 5 vezes nesse canto em 3 segundos abre a janela do PIN. O mesmo ícone fica no mesmo sítio também no ecrã de pausa.

A definição de som não está neste separador; os sons de certo, errado e tempo esgotado ligam-se e desligam-se com o interruptor Sessão → Jogo → Efeitos sonoros (correto / errado / tempo esgotado).

Separar um ecrã de Principal


Os cinco separadores de ecrã têm o mesmo esqueleto: em cima a pré-visualização, depois Posição do conteúdo, Posição do logo, Alinhamento do texto, Textos e, em baixo, Fundo e Opacidade do fundo. Os dois últimos substituem os valores de Principal só para esse ecrã:

  • Fundo: enquanto não lhe tocar, o ecrã mostra o fundo de Principal. Se carregar o seu próprio ficheiro, só esse ecrã muda. Se desligar o interruptor aqui, só esse ecrã fica sem imagem; mesmo com o fundo de Principal ligado, não chega a esse ecrã.
  • Opacidade do fundo: até tocar no controlo, vale o valor de Principal. Depois de tocar uma vez, esse ecrã usa o seu próprio valor e deixa de seguir as alterações de Principal. Não há forma de o voltar a ligar; se quiser, iguale à mão o número de Principal.
  • Posição do logo: o ficheiro do logótipo vem de Principal, a posição escolhe-se aqui.
  • As cores, o estilo e o ícone de cadeado não mudam por ecrã; vêm sempre de Principal.

O Restaurar padrões do separador de ecrã repõe só o fundo, a opacidade e os textos desse ecrã; as definições de posição e alinhamento mantêm-se. O separador Pausa tem as suas próprias definições Fundo personalizado e Opacidade do fundo; se ficarem vazias, o ecrã de pausa também usa o fundo de Principal. Para as definições de texto dos separadores de ecrã, veja o artigo Como configurar os textos e os botões dos ecrãs?.

!
Erros frequentes

Carregar o logótipo e não ligar o interruptor: num evento novo o interruptor está desligado, o logótipo não aparece.

Pensar que a imagem de fundo "não chegou": com Opacidade do fundo a 20% a imagem fica esbatida. Aumente o valor.

Escolher uma paleta clara como Claro minimalista e pôr Texto da pergunta em branco à mão: o texto não se lê. Deixe a linha vazia; a cor é escolhida sozinha conforme o fundo.

Depois de tocar na opacidade no separador de um ecrã, esperar alterá-la a partir de Principal: esse ecrã passa a usar o seu próprio valor.

Desligar o interruptor Fundo no separador de um ecrã e esperar que a imagem de Principal apareça: o ecrã desligado fica sem imagem.

Pôr o Ícone do painel em Desligado num tablet: sem teclado não consegue voltar às definições.

Este artigo foi útil?

Não sabe por onde começar? Nós ajudamos.

Conte-nos o seu projeto. A nossa equipa ajuda com o próximo passo.

Ao enviar, aceita os nossos Termos e a Política de Privacidade.