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

Seminario: Fuentes de Mapa de bit con Hiero: el Interfaz de Usuario de Hiero

Hiero's User Interface

Busque mi cocos2d preguntas frecuentes de I-Phone & Seminarios

Por favor note que la búsqueda de blog en la esquina correcta superior no busca mis preguntas frecuentes y Seminarios.
 

  • Note: ¡por favor no comparta relaciones de descarga directas a archivos PDF, las relaciones de descarga expiran después de unos minutos de pareja!

Hablaré de cada visión seperately ya que el Interfaz de Usuario de Hiero usa el enfoque "todo en uno" que puede ser un poco aplastante al principio. Pero una vez que usted pasa esto usted puede ser muy productivo con ello.

Lección de descarga PDF

El Interfaz de Usuario de Hiero

Esto es la ventana Hiero entera después de que usted la comienza. Hice aún más pequeño no para tener que escalar el screenshot abajo demasiado. ¡En general la primera cosa que hago después de comenzar Hiero es aumentar su talla de ventana, muy recomendada! In general the very first thing I do after starting Hiero is to increase its window size, highly recommended!

La visión de Fuente

Aquí usted selecciona que fuente de TrueType usar como la base para su fuente de mapa de bit. Usted también puede decidir dar la fuente valiente o cursiva y ajustar su talla. Usted debería experimentar con la talla para hacer su fuente encajar sus necesidades. You may have to experiment with the size to make your font fit your needs.

La utilización del menú File usted es capaz de cargar fuentes de TrueType adicionales que no son instaladas en su sistema. Esto puede entrar práctico cuando usted ha descargado un archivo.ttf de la red, usted puede cargarlo ahí mismo.

La visión de texto de Muestra

Esto es donde usted puede ver y corregir los caracteres usados por la fuente de mapa de bit usted crea. Haciendo clic en el ASCII y botones NEHE usted puede cargar preestablece de caracteres. Normalmente usted no quiere el juego de caracteres de ASCII lleno, entonces NEHE es fino y la configuración predeterminada. NEHE se refiere a los 95 caracteres de ASCII imprimibles como mostrado en la página de Wikipedia sobre el 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.

La visión de texto de Muestra: entre en un subconjunto de carácter

Usted también puede entrar en un subconjunto de caracteres en el Cuadro de texto de Muestra. Si usted sabe que sólo necesita ciertos caracteres usted puede reducir el consumo de memoria de la fuente de mapa de bit. En este caso sólo seleccioné caracteres mayúsculos y dígitos. In this case I only selected uppercase characters and digits.

La visión de texto de Muestra: escondite de reinicio para usar subconjunto de carácter

Note: si usted cambia los caracteres en el Cuadro de texto de Muestra usted tendrá que cambiar la demostración de Interpretación al escondite de Glyph y hacer clic en el botón Reset Cache. Por otra parte la fuente de mapa de bit todavía tendrá los caracteres de texto de Muestra anteriores en la fuente. Otherwise the bitmap font will still have the previous Sample Text characters in the font.

La visión de Efectos

Usted puede decidir aplicar varios efectos a la fuente de mapa de bit. Note que usted sólo puede añadir cada efecto una vez, y los efectos de Declive y Color son mutuamente exclusivos. Usted puede añadir a ambos pero sólo el que añadió más tarde tendrá cualquier efecto. You can add both but only the one added later will have any effect.

La visión de Efectos: lista de efectos activa

Debajo de los Efectos disponibles son los efectos actualmente en el uso. Los efectos son dirigidos en el pedido ellos aparecen en esta lista. Esto hace una diferencia si usted tiene el Color, entonces Sombra o Sombra primero, luego Color. Lamentablemente no hay ninguna manera de pedir de nuevo efectos además de quitarlos y añadirlos de nuevo en un nuevo pedido. 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.

Usted puede cambiar los parámetros de cada efecto haciendo clic en los números o colores. Algunos diálogos le darán indirectas útiles, por ejemplo, aumentar el acolchado apropiadamente.

Haga clic en el X botón para quitar un efecto de la lista de efectos activa.

La visión de Efectos: cambio de propiedades de efecto

Esto es uno de los diálogos que aparece corrigiendo parámetros de efecto. Lea el texto de ayuda, ellos contienen puntas importantes.

La visión de Acolchado

Permite que usted cambie el espaciado (o rellenando) entre caracteres individuales en el archivo de imagen. Sólo cambie usando ciertos efectos, o cuando los artefactos aparecen (traslapo de caracteres). Note que hay un error de programación que hace fuentes de mapa de bit ser generalmente artefactos, por favor compruebe la sección de solución si sus personajes son un lío 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.

Algunos efectos añaden sombras o enturbian y hacen cada carácter más grande que es. Para evitar estas sombras u otros artefactos para sangrar en otros caracteres usted debería ajustar el acolchado. Esto es un proceso de método de tanteos. Si usted ve artefactos en su fuente de mapa de bit en su juego, ajusta el acolchado hasta que todos los artefactos desaparezcan. Note que el aumento del acolchado también aumentará el espacio cada carácter necesidades. 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.

Las 4 cajas de número superiores permiten que usted ajuste el espacio que cada carácter toma. Recomiendo por ajustar a los dos pares verticales y horizontales igualmente, como a la imagen encima, en vez de usar 0-4.

Las 2 cajas inferiores pusieron etiqueta X y parece que Y no tienen ningún efecto.

La visión de Interpretación

Esto es donde Hiero muestra los carácteres de la fuente de Mapa de bit con todos los efectos aplicados. Usted también puede cambiar el color de fondo. Esto es puramente cosmético, de modo que usted pueda ver cualquier fuente correctamente. This is purely cosmetic, so that you can see any font properly.

La visión de texto de Muestra mostrará cualquier texto usted firma la ventana de texto de Muestra. Usted puede probar cuerdas específicas que usted va a mostrar en su juego para ver a qué él podría parecer.

La visión de Interpretación: escondite de Glyph

Cambiando a la visión de Escondite Glyph usted realmente puede ver qué caracteres son usados en su mapa de bit. Las fuentes de mapa de bit usan una o varias texturas de Atlas de Textura para almacenar los caracteres (glyphs).

Usted puede ajustar los ajustes de altura y anchura de Page para optimizar la memoria usada por su fuente de mapa de bit. Idealmente usted quiere que todos los caracteres quepan sólo en el Atlas de Textura más pequeño posible. Por lo general es el más eficaz tratar de conseguir todos los caracteres en sólo un Atlas de Textura. En Hiero se llama una textura de Atlas de Textura "la Página". A la susodicha imagen el número de Páginas es 2. Puede ser posible apretar todos los caracteres en un 512x256 textura. Si usted elige un intento de talla de fuente más pequeño que reduce la anchura de Page y altura uno tras otro hasta que la talla de página aumente a 2. Entonces sostenga un paso y use aquella imagen. Por otra parte usted podría gastar la memoria 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.

Recuerde que la 1ra y 2da Generación iOS dispositivos sólo puede cargar texturas que no son más grandes que 1024x1024 pixeles. Espero que usted nunca vaya a gastar este mucho espacio con una fuente de mapa de bit sola de todos modos pero quise haberlo mencionado.

Finalmente, si usted está en el modo de escondite de Glyph y cambia el texto de Muestra, luego haga clic en el Reset Cache para usar los caracteres entrados en el texto de Muestra como las cartas que usted quiere usar en su fuente de mapa de bit.

Note que los caracteres pueden ser al azar pedidos. Es normal y nada para estar referido por. Hiero trata sólo de apretar tan muchos caracteres en el espacio más pequeño, y pide de nuevo las cartas en el proceso. Ellos no tienen que estar en el pedido secuencial, la fuente de mapa de bit trabajará absolutamente fina este camino. 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.

Menú de archivo

Note que el menú File de Hiero está en una posición extraña. Esto parece a una Aplicación de Windows.

Los sistemas de archivos de ajustes Hiero y cargas todos los ajustes y parámetros usted puede adaptarse en Hiero. Usted debería salvar esto para ser capaz de pellizcar más tarde su fuente de mapa de bit sin necesidad tener de recrearlo. La extensión de archivo es.hiero The file extension is .hiero

Salve archivos BMFont (texto) guardará sus ajustes corrientes como una fuente de mapa de bit que la clase de CCBitmapFontAtlas cocos2d's puede cargar. La extensión de archivo es.fnt y acompañado por archivos.png secuencialmente numerados.

La salida es la única manera de cerrar Hiero, al lado del chasquido en el rojo X icono. Mac habituales OS X órdenes Dejadas no son ignorados por Hiero.

Comentarios (0)

5 Respuestas a “Seminario: Fuentes de Mapa de bit con Hiero: el Interfaz de Usuario de Hiero”

Hiero's User Interface”
  1. Isaac dice:

    Gracias por reunir esto. Al principio yo creía que me volvía loco – he estado usando Hiero durante unos meses ahora, y temprano en ello trabajó fino. No estoy seguro lo que pasó, pero ahora me pongo el al revés imágenes cuando antes de que yo no fuera (que un dolor). También tengo mucho problema con los artefactos alrededor de los lados de cartas – cuando añado 1 acolchado de pixel, él trabajó, pero todavía tenía artefactos. Cuando añado 2 acolchado de pixel, por la razón que sea todas las compensaciones son incorrectas (en vez de ‘S’ consigo la mitad de ‘R’), arggg …. Esto es algo que puedo fijar probablemente si paso por el archivo y miro los valores reales para la corrección manual, pero esto lo hace muy difícil para pruebas rápidas. Por favor avísenos si usted aprende más sobre como trabajar alrededor de estas cuestiones :) 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 :)

    • GamingHorror dice:

      La cuestión de imagen especular es realmente extraña. Esto también trabajó para mí para las pocas primeras fuentes, pero entonces esto comenzó sólo a crear imágenes especulares. Tengo el sentimiento una vez que el error de programación aparece esto va a quedarse. Tal vez esto podría ayudar a suprimir Hiero de modo que cualquier ajuste salvado sea suprimido, luego lo descargue de nuevo a otra posición. 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.

      Con el acolchado recomiendo por rellenar igualmente, si usted rellena 1 pixel a la derecha usted también debería rellenar 1 pixel a la izquierda. Es más un presentimiento aunque, yo consiguiera el sentimiento que el acolchado de ambos lados igualmente podría ser mejor que el acolchado de un lado con 0 y otro con 2.
      Su problema puede requerir el cambio de las compensaciones de X/Y también. No estoy seguro lo que ellos hacen y no vi ningún efecto sensible.

  2. [...] Seminario: Fuentes de Mapa de bit con Hiero (etiquetas: I-Phone de cocos2d cocoatouch) [...] cocos2d iphone cocoatouch) [...]

  3. Dani dice:

    Hola, Steffen.

    Seminario bueno, hombre. Conseguí dos preguntas sobre CCBitmapFontAtlas:

    1. ¿Hay allí otro programa o manera de hacer atlas de fuente de mapa de bit? Hiero tiene algunos errores de programación serios.

    2. Usando cocos2d, tengo que mostrar puntos de daño (números) sobre cada enemigo que golpeé. ¿Debería yo crear variables de CCBitmapFontAtlas cada vez golpeé a un enemigo o hay otra manera de conseguir esto?

    Gracias por su tiempo.

    • GamingHorror dice:

      Hay un programa llamado BMFont que también es completamente popular. Creo que es para Windows aunque.

      Usted puede actualizar la serie de una etiqueta (fuente de mapa de bit o regular) usando el método setString: [etiqueta setString: "nuevo texto"];@"new text"];

Deje una Respuesta

5 Respuestas a “Seminario: Fuentes de Mapa de bit con Hiero: el Interfaz de Usuario de Hiero”

Hiero's User Interface”
  1. Isaac dice:

    Gracias por reunir esto. Al principio yo creía que me volvía loco – he estado usando Hiero durante unos meses ahora, y temprano en ello trabajó fino. No estoy seguro lo que pasó, pero ahora me pongo el al revés imágenes cuando antes de que yo no fuera (que un dolor). También tengo mucho problema con los artefactos alrededor de los lados de cartas – cuando añado 1 acolchado de pixel, él trabajó, pero todavía tenía artefactos. Cuando añado 2 acolchado de pixel, por la razón que sea todas las compensaciones son incorrectas (en vez de ‘S’ consigo la mitad de ‘R’), arggg …. Esto es algo que puedo fijar probablemente si paso por el archivo y miro los valores reales para la corrección manual, pero esto lo hace muy difícil para pruebas rápidas. Por favor avísenos si usted aprende más sobre como trabajar alrededor de estas cuestiones :) 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 :)

    • GamingHorror dice:

      La cuestión de imagen especular es realmente extraña. Esto también trabajó para mí para las pocas primeras fuentes, pero entonces esto comenzó sólo a crear imágenes especulares. Tengo el sentimiento una vez que el error de programación aparece esto va a quedarse. Tal vez esto podría ayudar a suprimir Hiero de modo que cualquier ajuste salvado sea suprimido, luego lo descargue de nuevo a otra posición. 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.

      Con el acolchado recomiendo por rellenar igualmente, si usted rellena 1 pixel a la derecha usted también debería rellenar 1 pixel a la izquierda. Es más un presentimiento aunque, yo consiguiera el sentimiento que el acolchado de ambos lados igualmente podría ser mejor que el acolchado de un lado con 0 y otro con 2.
      Su problema puede requerir el cambio de las compensaciones de X/Y también. No estoy seguro lo que ellos hacen y no vi ningún efecto sensible.

  2. [...] Seminario: Fuentes de Mapa de bit con Hiero (etiquetas: I-Phone de cocos2d cocoatouch) [...] cocos2d iphone cocoatouch) [...]

  3. Dani dice:

    Hola, Steffen.

    Seminario bueno, hombre. Conseguí dos preguntas sobre CCBitmapFontAtlas:

    1. ¿Hay allí otro programa o manera de hacer atlas de fuente de mapa de bit? Hiero tiene algunos errores de programación serios.

    2. Usando cocos2d, tengo que mostrar puntos de daño (números) sobre cada enemigo que golpeé. ¿Debería yo crear variables de CCBitmapFontAtlas cada vez golpeé a un enemigo o hay otra manera de conseguir esto?

    Gracias por su tiempo.

    • GamingHorror dice:

      Hay un programa llamado BMFont que también es completamente popular. Creo que es para Windows aunque.

      Usted puede actualizar la serie de una etiqueta (fuente de mapa de bit o regular) usando el método setString: [etiqueta setString: "nuevo texto"];@"new text"];

Deje una Respuesta

premio wordpress temas