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 onze 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 o remover, desligue o seu próprio interruptor. O botão com o mesmo nome nos separadores de ecrã repõe apenas 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 (predefinida), Brisa do mar, Pôr do sol, Modo escuro, Claro minimalista e Personalizado. Tocar numa paleta escreve de uma vez as seis cores base e devolve ao automático as cinco linhas específicas do produto (as cores do contador e do resultado). Nas linhas de baixo pode alterar cada cor em separado; no seletor que se abre ao tocar na caixa escolhe uma cor lisa ou um gradiente. Alterar uma só cor não muda o cartão de paleta selecionado; o cartão Personalizado é apenas uma marca e 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 e linhas de progresso.
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 regressivaO realce da contagem decrescente e dos indicadores de tempo.
ContadorOs dígitos do contador em andamento. Se estiver vazio, é usada uma cor automática.
AlvoO texto do tempo-alvo. Se estiver vazio, é usada uma cor automática.
PerfeitoO realce da rodada que termina com um acerto exato. Se estiver vazio, é usada uma cor automática.
FalhaO realce da rodada falhada. Se estiver vazio, é usada uma cor automática.
Caixa do contadorA caixa atrás do contador. Se estiver vazio, não é desenhada nenhuma caixa.

As últimas cinco linhas afetam apenas o ecrã do jogo. Depois de escolher uma paleta pronta, estas linhas ficam vazias e o ecrã é desenhado com valores automáticos; preencha apenas a 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 do jogo ligam-se e desligam-se com o interruptor Sessão → Jogo → Som.

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 a cor Contador em branco à mão: o número não se lê. Deixe a linha vazia e 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.