Este documento descreve várias práticas que garantirão uma experiência otimizada no Roll20. Seguindo esta diretriz, você pode reduzir o tempo de carregamento da imagem, usar facilmente seus próprios arquivos no Roll20 e garantir que seus arquivos ofereçam qualidade e desempenho ideais.
Comparação dos Níveis de Assinatura
Utilizando uma conta Free , tem 100 MB de espaço no Roll20 para utilizar para mapas, música e outros recursos, com cada recurso a ter um tamanho total de ficheiro de 10MB. Nos níveis de subscrição pagos, o limite de tamanho total dos ficheiros é de 20MB, com limites de armazenamento aumentados para os utilizadores Plus para 3GB de armazenamento total e para os utilizadores Pro para 8GB de armazenamento total.
Recomendamos vivamente que reveja o resto da documentação nesta página para maximizar a utilização do seu espaço ou considere a possibilidade de subscrever um aumento significativo do limite de armazenamento e do tamanho máximo dos activos.
Arquivos de Áudio
Roll20 agora suporta o uso de sua própria música no tabuleiro virtual. Para obter mais informações sobre como fazer upload e usar seus próprios arquivos, consulte nossa documentaçãoJukebox.
Roll20 suporta quatro tipos de arquivos de áudio: MP3, OGG, FLAC e WAV, com todos os uploads de áudio tendo um tamanho máximo de 20MB cada. Tenha em atenção que todo o áudio é convertido utilizando um codec Opus a uma taxa de bits de 96kHzindependentemente do formato.
Vejamos as diferenças entre estes tipos de ficheiros, uma vez que todos eles apresentam vantagens e desvantagens:
Imagens e Animações
Imagens Amigáveis para Web vs. Impressão
Se você estiver jogando a partir de um pacote de aventura comercial, há uma grande chance de que você esteja trabalhando a partir de um arquivo PDF. Para que os gráficos sejam legíveis e nítidos para impressão, a resolução da imagem, ou DPI (pontos por polegada), tem de ser mantida bastante elevada, pelo menos 300 DPI para a maioria dos PDFs com qualidade de impressão. Uma resolução de DPI (pontos por polegada) maior resulta em arquivos de imagem maiores e coloca mais pressão sobre o processador para exibir a imagem. Isso significa que mapas, retratos de personagens e anotações de PDFs comerciais terão tamanhos de arquivo maiores do que o necessário para um jogo no Roll20. TL/DR: Se simplesmente arrastar estes activos para o seu jogo, ele vai consumir o seu espaço de armazenamento.
Se você deseja que as imagens sejam executadas sem problemas no Roll20, recomendamos manter a resolução da imagem baixa. Qualquer valor entre 70 e 150 DPI deve ser adequado para as imagens do seu jogo. Isso pode ser feito ajustando a resolução usando um software de edição de imagens. Também oferecemos ativos otimizados através do nosso Marketplace Roll20.
Tipos de Arquivos
Arquivos de Imagem
Os três tipos de arquivos de imagem disponíveis que podem ser importados e usados no Roll20 são JPG, GIF e PNG. O tamanho máximo de upload é de 10MB para usuários gratuitos e 20MB para usuários Pro e Plus.
Vamos comparar os formatos de arquivo entre si:
Tamanho do ficheiro: Média
Pode ser transparente? Não
Pode ser translúcido? Não
Pode ser animado? Não
Tamanho do ficheiro: Pequeno
Pode ser transparente? Sim
Pode ser translúcido? Não
Pode ser animado? Sim
Tamanho do arquivo: Grande
Pode ser transparente? Sim
Pode ser translúcido? Sim
Pode ser animado? Não
Dica: Se o seu software permitir, você pode ser capaz de alterar sua imagem de "cor completa" ou "RGB" para "paleta" ou "indexado". A última opção tem um número limitado (geralmente 256) de cores e é o único formato que o GIF suporta. Por isso, os arquivos GIF são menores. Arquivos PNG usando o mesmo tipo de paleta terão aproximadamente o mesmo tamanho das imagens GIF. Comparados ao GIF, a maioria dos arquivos PNG estão no formato RGB, armazenando mais dados por pixel e resultando em tamanhos de arquivo maiores. No entanto, isso preserva a integridade da imagem em maior medida.
Arquivos de Animação
Para arquivos animados no Roll20, suportamos três tipos de arquivo: GIF, mp4 e webm. O tamanho máximo de upload é de 10MB para usuários gratuitos e 20MB para usuários Pro e Plus.
Vamos comparar os formatos de arquivo animado entre si:
Tamanho do arquivo: Pequeno
Pode ser transparente? Sim
Pode ser translúcido? Não
Tamanho do arquivo: Grande, melhor eficiência
Pode ser transparente? Não
Pode ser translúcido? Não
Tamanho do arquivo: Pequeno, mais eficiente
Pode ser transparente? Sim
Pode ser translúcido? Sim
Dica: Para uma sobreposição de mapa translúcido grande, reduza a resolução da imagem para a configuração mais baixa possível, dimensione uniformemente as dimensões da imagem para um tamanho menor do que o necessário e aumente após o upload para o Roll20.
Trabalhando com Espaço de Tela
Quando um GM entrega documentos para seus jogadores ao redor de uma mesa física, o item geralmente é escrito ou impresso em papel orientado para retrato. Em um tablet, uma pessoa pode simplesmente virar a tela, seja um gráfico em retrato ou paisagem. Virar uma tela realmente não pode ser feito em um monitor de computador. Ao criar folhetos ou telas de apresentação para uso no Roll20, tenha em mente que o usuário médio geralmente está trabalhando em um monitor de tela larga com resolução de tela fixa. Você deseja criar e planejar folhetos e telas de apresentação que se encaixem perfeitamente na tela do usuário coletivo. Em vez de pensar em retrato/vertical, opte pela orientação paisagem/horizontal para notas, cartas, imagens ou qualquer outra coisa que não vá ser um mapa de mesa.
Em relação à resolução da tela, tenha uma ideia do que seus jogadores estão usando. Eles estão trabalhando em estações desktop? Tablets? Laptops? Encontre um meio-termo entre a resolução da tela e ajuste o tamanho dos seus gráficos de acordo para evitar que os outros tenham que ajustar suas configurações de zoom para visualizar suas imagens. Websites like w3schools.com keep yearly tallies of the average screen resolution over the years if you need a generic design guide.
Roll20 Image Dimensions
Here are specific Roll20 dimensions for certain graphic elements.
Image Dimensions
UI Element | Pixel Width | Pixel Height |
---|---|---|
Grid Square | 70px | 70px |
Hexágono Vertical ⬢ | 81px | 94px |
Hexágono Horizontal ⬣ | 94px | 81px |
Tamanho Máximo do Retrato do Personagem | 250px | Sem Restrição de Altura |
Ícone de Detalhes do Jogo | 300px | 512px |
Imagens de Tabela Rolável (Chat de Texto) | 30px | 30px |
* A grade hexagonal é desenhada matematicamente, então a altura e largura em pixels para uma única unidade hexagonal é uma aproximação
Imagens de Token
Devido ao seu tamanho pequeno, imagens de token são mais adequadas para formatos PNG para melhor qualidade. As PNGs também oferecem transparência. Se você não estiver usando uma grade quadrada ou hexagonal para o movimento dos tokens, você não precisa se preocupar com as dimensões reais da imagem. No entanto, se for utilizando uma grelha, deverá certificar-se de que a sua imagem tem um preenchimento transparente suficiente. O motivo para fazer isso é que quando uma imagem é colocada em uma mesa de jogo com grade, o Roll20 irá distorcer as dimensões da imagem para melhor se ajustar a uma única unidade da grade. Esse processo pode alterar as proporções da sua imagem. Por exemplo, se você estiver usando tokens que ocupam um espaço de 1 x 1, 2 x 2 ou 3 x 3 unidades, você vai querer garantir que as dimensões finais da imagem sejam iguais tanto em altura quanto em largura. Se tiver uma ficha oblonga, deve certificar-se de que a dimensão final da largura ou da altura é exatamente o dobro ou talvez o triplo da outra.
Problemas Comuns:
“Por que o Roll20 demora tanto para dar zoom ou mover pelo mapa?" OU “Quando tento dar zoom além de 100%, meu mapa simplesmente desaparece.” OU “As imagens estão demorando muito para aparecer para alguns ou todos os meus jogadores.”
Isso geralmente ocorre devido ao tamanho do arquivo de qualquer imagem em um jogo. Verifique o tamanho do arquivo das imagens que você está usando para o seu jogo. Se alguma imagem tiver mais de 1MB de tamanho, recomendamos verificar e diminuir a resolução da imagem usando um software de edição de imagens. Além disso, certifique-se de estar usando o tipo de arquivo correto para minimizar o tamanho do arquivo. Use apenas PNGs quando precisar de transparências.
“Meus jogadores estão tendo dificuldade em ler minha nota escrita à mão, por que a visualização parece tão pequena?”
Leve em consideração os limites da tela do jogador ao criar materiais de apoio. Tente aproveitar ao máximo o espaço disponível na tela. Isso normalmente significa projetar itens que sejam mais largos do que altos para se ajustarem melhor a um monitor panorâmico.
“Quando soltei minha arte de token na mesa, as dimensões da imagem ficaram muito bagunçadas.”
Certifique-se de adicionar margem ao redor dos gráficos do seu token para torná-los quadrados ou alinhá-los corretamente na grade. Isso é importante se a imagem que você está usando para o seu token não tiver margem suficiente. Por exemplo, para uma criatura que pretende que ocupe uma área de grelha 2x1, certifique-se de que uma dimensão da imagem é preenchida de forma a ser exatamente o dobro da outra. Isso garantirá que as proporções da sua imagem sejam mantidas e você poderá visualizar a imagem conforme esperado na grade.