Wiki: /* Descarga da ferramenta Hiero */

2016-02-07T14:47:19Z

Descarga da ferramenta Hiero

Wiki: /* Descarga da ferramenta Hiero */

2016-02-07T14:44:13Z

Descarga da ferramenta Hiero

Wiki en 17:22 12 dic 2015

2015-12-12T17:22:47Z

Wiki: Página creada con «UNIDADE 2: Fontes - avanzado ==Introdución== Nota: Esta explicación está [http://manuais.iessanclemente.net/index.ph...»

2015-12-12T17:17:01Z

Página creada con «UNIDADE 2: Fontes - avanzado ==Introdución== Nota: Esta explicación está [http://manuais.iessanclemente.net/index.ph...»

Página nueva

UNIDADE 2: Fontes - avanzado

==Introdución==

Nota: Esta explicación está [http://manuais.iessanclemente.net/index.php?title=LIBGDX_Fontes relacionada coa sección de Fontes].
 

Información na Wiki: https://github.com/libgdx/libgdx/wiki/Hiero

 

Como comentamos no punto relacionado, a clase BitMapFont ten un tamaño de 15 puntos e é Arial.
Normalmente imos querer que o tamaño da fonte sexa máis grande para que cando a visualicemos non teña que escalar o seu tamaño e que aparezan dentes de serra.

Para xerar estas fontes (con varias efectos que podemos engadir optativos) imos utilizar unha ferramenta de nome Hiero.

==Proceso de uso==

===Descarga da ferramenta Hiero===

Información na wiki: https://github.com/libgdx/libgdx/wiki/Dependency-management-with-Gradle

Imos ver unha das formas que temos de obter a ferramenta.
Esta ferramenta se atopa nas GDX-Tools.

<gallery caption="Descarga das GDX-TOOLS" widths="200" heights="200px" perrow="3">
Image:LIBGDX_UD3_Fontes_1.jpg| Debemos editar o arquivo '''build.gradle''' do '''PROXECTO PRINCIPAL''' (o que non é DESKTOP, nin HTML, nin CORE nin ANDROID. Engadiremos a liña: compile "com.badlogicgames.gdx:gdx-tools:$gdxVersion".
Image:LIBGDX_UD3_Fontes_2.jpg| Debemos refrescar o proxecto principal premendo có botón dereito do rato e escollendo a opción Gradle=>Refresh All.
Image:LIBGDX_UD3_Fontes_3.jpg| Na versión DESKTOP teremos a clase Hiero.class.
Image:LIBGDX_UD3_Fontes_4.jpg| Prememos o botón dereito sobre a clase e a executamos.
</gallery>

===Uso da ferramenta Hiero===

Unha vez instalada aparecerá a seguinte pantalla:

[[Imagen:LIBGDX_UD3_Fontes_5.jpg|400px|center]]

 
 
* Información na wiki: https://github.com/libgdx/libgdx/wiki/Hiero
* Para executala directamente da web: https://wiki.libgdx.googlecode.com/git/jws/hiero.jnlp
* Un paso a paso: http://singletechgames.com/2012/04/20/crear-archivos-fnt-con-hiero/

A idea é crear un arquivo png con todas as letras que se necesiten para o noso xogo (lembrade poñer as letras acentuadas).
* Debemos '''premer sobre a opción Glyph cache''' se queremos
* Se non necesitamos todos os caracteres podemos borralos (ventá SampleText) e poñer os que queiramos.
* Na parte da dereita temos unha ventá '''Effects''' na que podemos conseguir diferentes efectos, dende cambiar de cor, ata darlles unha aparencia 3D....
* Cando teñamos os caracteres que necesitemos escolleremos a opción 'Save BMFont files' do menú File.

 

<gallery caption="Exemplo de uso da ferramenta Hiero" widths="200" heights="200px" perrow="3">
Image:LIBGDX_UD3_Fontes_6.jpg| Podemos cargar un xogo por defecto de caracteres premendo ASCII ou un xogo reducido premendo NEHE. Unha vez cargado podemos borrar o que no nos interese (así ocupará menos espazo) e engadir o que non estea como por exemplo os caracteres con til.
Image:LIBGDX_UD3_Fontes_7.jpg| Unha vez temos os caracteres que nos interesen, o tipo de letra, tamaño e efectos desexados prememos o botón 'Reset cache' para que os cambios se visualicen na ventá Rendering.
Image:LIBGDX_UD3_Fontes_8.jpg| Cando teñamos os caracteres que necesitemos escolleremos a opción 'Save BMFont files' do menú File
</gallery>

==Exemplo de código==

* Unha vez feito o paso anterior debemos copiar os dous arquivos xerados (un bmp e un fnt) ó cartafol assets da versión Android (dentro de assets podemos organizar como queiramos os arquivos).

 
Deberedes de cambiar a clase co que inician as diferentes plataformas pola seguinte:

* Deberedes copiar o gráfico dos peixes animados ó cartafol assets do proxecto Android.
* Crear unha nova clase.

'''Código da clase FontesAvanzadas ''' 
'''Obxectivo:''' Amosar como usar unha fonte xerada con HIERO.
<syntaxhighlight lang="java" line enclose="div" highlight="" >
import com.badlogic.gdx.ApplicationAdapter;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.GL20;
import com.badlogic.gdx.graphics.g2d.BitmapFont;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;

public class FontesAvanzadas extends ApplicationAdapter {
SpriteBatch batch;

private BitmapFont bitMapFont;

@Override
public void create () {
batch = new SpriteBatch();

bitMapFont = new BitmapFont(Gdx.files.internal("fontes.fnt"), false);
}

@Override
public void render() {
Gdx.gl.glClearColor(1, 1, 1, 1);
Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
batch.begin();

bitMapFont.draw(batch, "EXEMPLO de código", 10, 100);

batch.end();

}

@Override
public void dispose() {
batch.dispose();
bitMapFont.dispose();
}

}
</syntaxhighlight>

Comentamos o código:

* Liña 10: Creamos un obxecto da clase BitMapFont.
* Liña 16: Instanciamos o obxecto pasándolle como parámetro o arquivo fnt xerado coa ferramenta. O segundo parámetro indica que debemos voltear as letras á hora de cargalas (facer flip). Isto pode ser necesario se a ferramenta que xera as letras as xera de forma volteada.
* Liña 25: Debuxamos unha cadea utilizando o novo xogo de caracteres.

==TAREFA OPTATIVA A FACER==

 
 

:Modificade o xogo para que cargue unha fonte xerada por vos utilizando a ferramenta Hiero.

 -- [[Usuario:angelfg|Ángel D. Fernández González]] -- (2015).

@@ Línea 3: / Línea 3: @@
 ==Introdución==
-<b><u>Nota:</u></b> Esta explicación está [http://manuais.iessanclemente.net/index.php?title=LIBGDX_Fontes relacionada coa sección de Fontes].
+<b><u>Nota:</u></b> Esta explicación está [http://wiki.cifprodolfoucha.es/index.php?title=LIBGDX_Fontes relacionada coa sección de Fontes].
 <br />

@@ Línea 19: / Línea 19: @@
 ===Descarga da ferramenta Hiero===
-Información na wiki: https://github.com/libgdx/libgdx/wiki/Hiero
+Podemos ou ben descargar o jar da ferramenta ou incoporar o código fonte a un novo proxecto e executala dende unha clase con main.
 Esta ferramenta se atopa nas GDX-Tools.

@@ Línea 19: / Línea 19: @@
 ===Descarga da ferramenta Hiero===
-Información na wiki: https://github.com/libgdx/libgdx/wiki/Dependency-management-with-Gradle
+Información na wiki: https://github.com/libgdx/libgdx/wiki/Hiero
 Imos ver unha das formas que temos de obter a ferramenta.
@@ Línea 30: / Línea 30: @@
 Image:LIBGDX_UD3_Fontes_4.jpg| Prememos o botón dereito sobre a clase e a executamos.
 </gallery>
 ===Uso da ferramenta Hiero===

LIBGDX Fontes avanzado - Historial de revisiones

Wiki: /* Descarga da ferramenta Hiero */

Wiki: /* Descarga da ferramenta Hiero */

Wiki en 17:22 12 dic 2015

Wiki: Página creada con «UNIDADE 2: Fontes - avanzado ==Introdución== Nota: Esta explicación está [http://manuais.iessanclemente.net/index.ph...»