Tutorial: Bitmap Fonts with Hiero: Hiero's User Interface Comments Feed" href="http://www.learn-cocos2d.com/knowledge-base/tutorial-bitmap-fonts-hiero/feed/"/>

Seminário: Fontes de Mapa de bits com Hiero: o Usuário de Hiero Inter-relaciona

Hiero's User Interface

Procure o meu cocos2d documentos de perguntas feitas por usuários de I-Phone & Seminários

Por favor observe que a pesquisa de blog na esquina certa superior não procura os meus documentos de perguntas feitas por usuários e Seminários.
 

  • Observe: por favor não compartilhe conexões de carregamento diretas a arquivos PDF, as conexões de carregamento vencem depois de uns minutos de par!

Falarei sobre cada visão seperately desde que a Interface de Usuário de Hiero usa a aproximação "unida" que pode ser um pouco esmagadora no início. Mas uma vez que você passa isto você pode ser muito produtivo com ele.

Lição de carregamento PDF

O Usuário de Hiero Inter-relaciona

Isto é a janela Hiero inteira depois que você a começa. Fiz mesmo mais pequeno não para ter de escalar o screenshot abaixo demasiado. Em geral a muito primeira coisa que faço depois de começar Hiero é aumentar o seu tamanho de janela, altamente recomendado! In general the very first thing I do after starting Hiero is to increase its window size, highly recommended!

A visão de Fonte

Aqui você seleciona que fonte TrueType usar como base para a sua fonte de mapa de bits. Você também pode decidir dar a fonte corajosa ou itálica e ajustar o seu tamanho. Você deveria experimentar com o tamanho para fazer a sua fonte ajustar as suas necessidades. You may have to experiment with the size to make your font fit your needs.

Usar o cardápio File você é capaz de carregar fontes TrueType adicionais que não são instaladas no seu sistema. Ele pode entrar prático quando você carregou de um arquivo.ttf da web, você pode carregá-lo aí mesmo.

A visão de texto de Mostra

Isto é onde você pode ver e editar os carateres usados pela fonte de mapa de bits você está criando. Clicando os botões de ASCII E NEHE você pode carregar pré-ajusta de carateres. Normalmente você não quer o conjunto de caracteres ASCII cheio, portanto NEHE é perfeito e a colocação à revelia. NEHE refere-se a 95 carateres ASCII prontos para impressão como mostrado na página Wikipedia sobre ASCII. Normally you don't want the full ASCII character set, so NEHE is fine and the default setting. NEHE refers to the 95 printable ASCII characters as shown in the Wikipedia page about ASCII.

A visão de texto de Mostra: entre em um subconjunto de caráter

Você também pode entrar em um subconjunto de carateres na caixa de texto de Mostra. Se você souber que você só precisa de certos carateres você pode reduzir o consumo de memória da fonte de mapa de bits. Neste caso só selecionei carateres maiúsculos e dígitos. In this case I only selected uppercase characters and digits.

A visão de texto de Mostra: esconderijo de recomposição para usar o subconjunto de caráter

Observe: se você modifica os carateres na caixa de texto de Mostra você terá de modificar a exposição de Interpretação para o esconderijo Glyph e clicar o botão Reset Cache. De outra maneira a fonte de mapa de bits ainda terá os carateres de texto de Mostra prévios na fonte. Otherwise the bitmap font will still have the previous Sample Text characters in the font.

A visão de Efeitos

Você pode decidir aplicar vários efeitos à fonte de mapa de bits. Observe que você só pode acrescentar cada efeito uma vez, e os efeitos de Declive e Cor são mutuamente exclusivos. Você pode acrescentar ambos mas só aquele acrescentou depois terá qualquer efeito. You can add both but only the one added later will have any effect.

A visão de Efeitos: lista de efeitos ativa

Em baixo dos Efeitos disponíveis são os efeitos atualmente no uso. Os efeitos são dirigidos na ordem eles aparecem nesta lista. Ele faz uma diferença se você tem a Cor, então Sombra ou Sombra primeiro, logo Cor. Infelizmente não há nenhum modo de re-encomendar efeitos outros do que remoção e re-soma deles em uma nova ordem. It makes a difference whether you have Color, then Shadow or Shadow first, then Color. Unfortunately there is no way to re-order effects other than removing and re-adding them in a new order.

Você pode modificar parâmetros de cada efeito clicando nos números ou cores. Alguns diálogos lhe darão insinuações úteis, como por exemplo aumentar o enchimento apropriadamente.

Clique o X botão para retirar um efeito da lista de efeitos ativa.

A visão de Efeitos: modificação de propriedades de efeito

Isto é um dos diálogos que aparece editando parâmetros de efeito. Leia o texto de ajuda, eles contêm dicas importantes.

A visão de Enchimento

Permite-lhe modificar o espaçamento (ou forrando) entre carateres individuais no arquivo de imagem. Modifique-se só usando certos efeitos, ou quando os artefatos aparecem (sobreposição de carateres). Observe que há um defeito que faz fontes de mapa de bits ser pela maior parte artefatos, por favor verifique a seção de resolução de problemas se os seus carateres forem um desordem total. Note that there is a bug causing bitmap fonts to be mostly artifacts, please check the troubleshooting section if your characters are a total mess.

Alguns efeitos acrescentam sombras ou obscurecem e fazem cada caráter mais grande do que é. Para evitar estas sombras ou outros artefatos para sangrar em outros carateres você deveria ajustar o enchimento. Isto é o processo incorreto e uma prova. Se você vir artefatos na sua fonte de mapa de bits no seu jogo, ajustar o enchimento até que todos os artefatos desapareçam. Observe que o aumento de enchimento também aumentará o espaço cada caráter necessidades. This is a trial and error process. If you see artifacts in your bitmap font in your game, adjust the padding until all the artifacts disappear. Note that increasing padding will also increase the space each character needs.

4 caixas de número superiores permitem-lhe ajustar o espaço que cada caráter toma. Recomendo ajustar dois pares verticais e horizontais igualmente, como na imagem em cima, em vez de usar 0-4.

2 caixas mais baixas etiquetaram X e Y parecem não ter nenhum efeito.

A visão de Interpretação

Isto é onde Hiero expõe os carateres de fonte de Mapa de bits com todos os efeitos aplicados. Você também pode modificar a cor de fundo. Isto é puramente cosmético, para que você possa ver qualquer fonte propriamente. This is purely cosmetic, so that you can see any font properly.

A visão de texto de Mostra exporá qualquer texto você estabelece a janela de texto de Mostra. Você pode provar cadeias específicas que você está indo expor no seu jogo para ver a que ele poderia parecer.

A visão de Interpretação: esconderijo de Glyph

Ligando à visão de Esconderijo Glyph você pode ver de fato que carateres são usados no seu mapa de bits. As fontes de mapa de bits usam uma ou várias texturas de Atlas de Textura para guardar os carateres (glyphs).

Você pode ajustar as colocações de altura e largura de Página para otimizar a memória usada pela sua fonte de mapa de bits. De maneira ideal você quer que todos os carateres se ajustem somente no Atlas de Textura mais pequeno possível. Normalmente é o mais eficaz tentar adquirir todos os carateres em somente um Atlas de Textura. Em Hiero chama-se uma textura de Atlas de Textura "a Página". Na acima mencionada imagem o número de Páginas é 2. Pode ser possível apertar todos os carateres em um 512x256 textura. Se você escolher uma mais pequena tentativa de tamanho de fonte que reduz a largura de Página e altura um por um até que o tamanho de página aumente a 2. Então suporte um passo e use aquela imagem. De outra maneira você poderia estar desperdiçando a memória preciosa. Usually it's most effective to try to get all characters into just one Texture Atlas. In Hiero a Texture Atlas texture is called "Page". In the above image the number of Pages is 2. It may be possible to squeeze all characters into a 512x256 texture. If you choose a smaller font size try reducing the Page width and height one by one until the page size increases to 2. Then back up one step and use that image. Otherwise you might be wasting precious memory.

Lembre-se de que a 1a e 2a Geração iOS dispositivos só pode carregar texturas que não são mais grandes do que 1024x1024 pixéis. Espero que você nunca esteja indo desperdiçar este muito espaço com uma fonte de mapa de bits única de qualquer maneira mas eu quis tê-lo mencionado.

Finalmente, se você está no modo de esconderijo Glyph e modifica o texto de Mostra, logo clique o Reset Cache para usar os carateres introduzidos no texto de Mostra como as cartas que você quer usar na sua fonte de mapa de bits.

Observe que os carateres podem ser à toa encomendados. É normal e nada para estar preocupado com. Hiero somente está tentando apertar tão muitos carateres no espaço mais pequeno, e re-encomenda as cartas no processo. Eles não têm de estar na ordem seqüente, a fonte de mapa de bits trabalhará perfeitamente perfeita este caminho. Hiero is just trying to squeeze as many characters into the smallest space, and re-orders the letters in the process. They don't have to be in sequential order, the bitmap font will work perfectly fine this way.

Cardápio de arquivo

Note que o cardápio File de Hiero está em uma posição excepcional. Ele parece-se com uma Aplicação para Windows.

Os armazenamentos de arquivos de colocações Hiero e cargas todas das colocações e parâmetros você pode ajustar em Hiero. Você deve salvar isto para ser capaz de torcer depois a sua fonte de mapa de bits sem ter necessidade de recriá-lo. A extensão de arquivo é.hiero The file extension is .hiero

Salve arquivos BMFont (texto) salvará as suas colocações atuais como uma fonte de mapa de bits que cocos2d's CCBitmapFontAtlas classe pode carregar. A extensão de arquivo é.fnt e acompanhado por arquivos.png em sequência numerados.

A saída é o único modo de fechar Hiero, ao lado do clique na vermelhidão X ícone. Mac Habituais OS X ordens Abandonadas são ignorados por Hiero.

Comentários (0)

Perguntas relacionadas

    5 Respostas a “Seminário: Fontes de Mapa de bits com Hiero: a Interface de Usuário de Hiero”

    Hiero's User Interface”
    1. Isaac diz:

      Obrigado por juntar isto. No início pensei que eu enlouquecia – tenho usado Hiero durante alguns meses agora, e cedo nele trabalhou perfeito. Não estou seguro o que aconteceu, mas agora estou vindo o de pernas para o ar imagens quando antes que eu não fosse (que uma dor). Também estou tendo muita preocupação com os artefatos em volta dos lados de cartas – quando acrescento 1 enchimento de pixel, ela trabalhou mas ainda tinha artefatos. Quando acrescento 2 enchimento de pixel, por alguma razão todas das compensações são incorretas (em vez de ‘S’ adquiro a metade de ‘R’), arggg. Isto é algo que posso fixar provavelmente se eu atravessar o arquivo e olhar para os valores real da correção manual, mas ele fá-lo muito difícil para testes rápidos. Por favor vai se você aprender mais sobre como trabalhar em volta destas questões :) I’m not sure what happened, but now I am getting the upside-down images when before I wasn’t (what a pain). I’m also having a lot of trouble with the artifacts around the sides of letters – when I add 1 pixel padding, it worked but still had artifacts. When I add 2 pixel padding, for some reason all of the offsets are incorrect (instead of ‘S’ I get half of ‘R’), arggg…. This is something I can probably fix if I go through the file and look at the actual values for manual correction, but it makes it very difficult for quick tests. Please let us know if you learn any more about how to work around these issues :)

      • A questão de imagem de espelho é realmente estranha. Ele também trabalhou para mim para as poucas primeiras fontes, mas então ele começou a criar só imagens de espelho. Tenho a sensação uma vez que o defeito aparece ele está indo ficar. Talvez ele poderia ajudar a eliminar Hiero para que qualquer colocação salvada seja eliminada, logo recarregue dele em outra posição. I have the feeling once the bug appears it’s going to stay. Maybe it might help to delete Hiero so that any saved settings are deleted, then redownload it to another location.

        Com o enchimento recomendo forrar igualmente, se você forrar 1 pixel à direita você também deve forrar 1 pixel à esquerda. É mais um pressentimento embora, eu adquirisse a sensação que forrar ambos os lados igualmente poderia ser melhor do que o enchimento de um lado com 0 e outro com 2.
        O seu problema pode necessitar a modificação das compensações de X/Y também. Não estou seguro o que eles fazem e não vi nenhum efeito perceptível.

    2. [...] Seminário: Fontes de Mapa de bits com Hiero (etiquetas: I-Phone de cocos2d cocoatouch) [...] cocos2d iphone cocoatouch) [...]

    3. Dani diz:

      Olá, Steffen.

      Bom seminário, homem. Adquiri duas perguntas sobre CCBitmapFontAtlas:

      1. Há lá outro programa ou modo de fazer atlas de fonte de mapa de bits? Hiero tem alguns defeitos sérios.

      2. Usando cocos2d, tenho de mostrar pontos de dano (números) por cima de cada inimigo no qual bati. Devo criar a cada vez de variáveis CCBitmapFontAtlas bati em um inimigo ou há outro modo de realizar isto?

      Obrigado pelo seu tempo.

      • Há um programa chamado BMFont que é também bastante popular. Penso que é para o Windows entretanto.

        Você pode atualizar a série de uma etiqueta (fonte de mapa de bits ou regular) usando o método setString: [etiquete setString:@ "o novo texto"];

    Deixe uma Resposta