LIBGDX Carga Modelos3D - Historial de revisiones

Wiki: /* Carga Modelos obj */

2016-02-17T17:26:33Z

Carga Modelos obj

Wiki: /* Carga Modelos obj */

2016-02-17T17:25:22Z

Carga Modelos obj

Wiki: /* Carga de Modelos 3D */

2016-02-17T17:24:22Z

Carga de Modelos 3D

Wiki: /* Carga de Modelos 3D */

2016-02-17T17:24:04Z

Carga de Modelos 3D

Wiki: /* Carga de Modelos 3D */

2016-02-17T16:47:07Z

Carga de Modelos 3D

Wiki en 17:32 17 dic 2015

2015-12-17T17:32:51Z

Wiki en 17:31 17 dic 2015

2015-12-17T17:31:22Z

Wiki: Página creada con «UNIDADE 4: Carga de Modelos 3D ===Deseñando os nosos modelos 3D=== Loxicamente os nosos modelos 3D non vai ser creados 'manualmente...»

2015-12-17T17:28:44Z

Página creada con «UNIDADE 4: Carga de Modelos 3D ===Deseñando os nosos modelos 3D=== Loxicamente os nosos modelos 3D non vai ser creados 'manualmente...»

Página nueva

UNIDADE 4: Carga de Modelos 3D

===Deseñando os nosos modelos 3D===

Loxicamente os nosos modelos 3D non vai ser creados 'manualmente', se non utilizando programas gráficos.

Algún deles:
* Blender: http://www.blender.org/
::Moi completo pero tamén bastante complexo.
* Wings3D: http://www.wings3d.com
::Bastante máis sinxelo.

'''Nos imos usar o wings3d''' aínda que os alumnos podedes utilizar calquera que manexedes.

A continuación tedes un enlace con tres vídeos (e o códec de vídeo por se non o visualizades) de como se manexa o Wings3D e como podemos crear un obxecto 3D e asinarlle unha textura.

 
<center> [https://drive.google.com/folderview?id=0BwlI3fEeprlpZ2traGU2bmRaUVU&usp=sharing Enlace a vídeos explicativos Wings3D]</center>
 

 

===Conversión de formatos en 3D===

En canto os formatos gráficos que podemos cargar están, entre outros:
* obj: https://en.wikipedia.org/wiki/Wavefront_.obj_file
* md2: https://en.wikipedia.org/wiki/MD2_%28file_format%29
* fbx: http://en.wikipedia.org/wiki/FBX
* g3dj: Formato g3d en mode texto Json (se pode editar).
* g3db: Formato g3d en binario. É o mais rápido de cargar e o que menos ocupa.

Para pasar dun formato a outro podemos utilizar unha ferramenta: '''fbx-conv'''.

Podemos ver o código fonte en: https://github.com/libgdx/fbx-conv

Podemos descargar a versión compilada en: http://libgdx.badlogicgames.com/fbx-conv/

Información na wiki: https://github.com/libgdx/fbx-conv

O proceso para pasar dun obj a un g3db sería:

* Descargar a versión compilada do enlace anterior.
* Descomprimide e abride unha consola.
** Se estades en Linux hai que copiar a librería '''libfbxsdk.so''' a /usr/lib.
** Se estades en Windows debedes ter instalado o [http://www.microsoft.com/en-us/download/confirmation.aspx?id=5555 paquete VC 2010 Redistributable Package].

* Vos situades onde se atopan os executables e escolledes a versión correspondente ó voso S.O.:
** fbx-conv-win32.exe: Windows
** fbx-conv-lin64: Linux
** fbx-conv-mac: Mac

 

* A orde para pasar por exemplo de obj a g3db seria:

<syntaxhighlight lang="java" line enclose="div" highlight="" >
fbx-conv-win32.exe modelo_entrada.obj modelo_saida.g3db
</syntaxhighlight>

NOTA: Sempre que queiramos acelerar a carga dos modelos deberemos de pasalos a binario.

===Carga de Modelos 3D===

====Carga Modelos obj====

Para cargar un modelo obj temos que facer uso da [http://libgdx.badlogicgames.com/nightlies/docs/api/com/badlogic/gdx/assets/loaders/ModelLoader.html clase ModelLoader].

O proceso sería:

* Crear unha instancia de dita clase:
:<syntaxhighlight lang="java" line enclose="div" highlight="" >
ModelLoader loader = new ObjLoader();

</syntaxhighlight>

* Chamar ó [http://libgdx.badlogicgames.com/nightlies/docs/api/com/badlogic/gdx/assets/loaders/ModelLoader.html#loadModel-com.badlogic.gdx.files.FileHandle- método loadModel]:

:<syntaxhighlight lang="java" line enclose="div" highlight="" >
Model model = loader.loadModel(Gdx.files.internal("modelos/ship.obj"));
</syntaxhighlight>

Dito método espera recibir como parámetro o arquivo obj.

Este método devolve un obxecto da [http://libgdx.badlogicgames.com/nightlies/docs/api/com/badlogic/gdx/graphics/g3d/Model.html clase Model].

Para nos un Model ven ser como un Mesh, o que sucede é que nun model poden ser cargados moitos Mesh de vez, polo que para ter unha referencia a un concreto faremos o seguinte:

* Cargamos o Mesh:

:<syntaxhighlight lang="java" line enclose="div" highlight="" >
private Mesh meshNave;
.............
meshNave = model.meshes.get(0);
</syntaxhighlight>

No noso caso só temos un Mesh no obj.

'''Exemplo:'''

Imos ver un exemplo completo, engadindo un modelo dunha nave e movéndoa cara a cámara, facendo que a cámara siga a nave cando a pase.

'''Preparación:''' Crear unha clase de nome UD4_6_CargaModelos3D, que derive da clase Game e sexa chamada pola clase principal das diferentes versións (desktop, android,...).

Crea un cartafol de nome '''modelos''' dentro do cartafol assets da versión Android.

Leva ó cartafol '''assets/modelos''' os arquivos ship.mtl, ship.obj e ship.png que se atopan no seguinte arquivo comprimido:

[[Media:Ship.zip]]

Creamos unha clase Elementos3D que garde a información de calquera elemento 3D. É igual á clase Cubo que utilizamos no exercicio anterior:

'''Código da clase Elementos3D ''' 
'''Obxectivo:''' Definir unha clase que garde o que necesitamos dun obxecto 3d.
<syntaxhighlight lang="java" line enclose="div" highlight="" >
import com.badlogic.gdx.math.Matrix4;
import com.badlogic.gdx.math.Vector3;

public class Elemento3D {

public Matrix4 matriz;
public Vector3 posicion;
public float escala;
public Vector3 velocidade;
private Vector3 temp;

public Elemento3D(Vector3 pos, float escala,Vector3 velocidade){
matriz = new Matrix4();
posicion = pos;
this.escala=escala;
this.velocidade = velocidade;

temp = new Vector3();

}

public void update(float delta){

temp.set(velocidade);
posicion.add(temp.scl(delta));

matriz.idt();
matriz.translate(posicion);
matriz.scl(escala);

}

}
</syntaxhighlight>

Agora imos ver o código de carga da nave.

<syntaxhighlight lang="java" line enclose="div" highlight="21,41-43,49,64-65,71,97" >
import com.badlogic.gdx.Game;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.assets.loaders.ModelLoader;
import com.badlogic.gdx.files.FileHandle;
import com.badlogic.gdx.graphics.GL20;
import com.badlogic.gdx.graphics.Mesh;
import com.badlogic.gdx.graphics.PerspectiveCamera;
import com.badlogic.gdx.graphics.Texture;
import com.badlogic.gdx.graphics.g3d.Model;
import com.badlogic.gdx.graphics.g3d.loader.ObjLoader;
import com.badlogic.gdx.graphics.glutils.ShaderProgram;
import com.badlogic.gdx.math.Vector3;

/**
* Cargando modelos 3D
* @author ANGEL
*/

public class UD4_6_CargaModelos3D extends Game {

private Mesh meshNave;
private Elemento3D nave;
private ShaderProgram shaderProgram;

private Texture textura;
private PerspectiveCamera camara3d;

@Override
public void create() {
// TODO Auto-generated method stub

shaderProgram = new ShaderProgram(Gdx.files.internal("vertex.vert"), Gdx.files.internal("fragment.frag"));
if (shaderProgram.isCompiled() == false) {
Gdx.app.log("ShaderError", shaderProgram.getLog());
System.exit(0);
}

ModelLoader loader = new ObjLoader();
Model model = loader.loadModel(Gdx.files.internal("modelos/ship.obj"));
meshNave = model.meshes.get(0);

FileHandle imageFileHandle = Gdx.files.internal("modelos/ship.png");
textura = new Texture(imageFileHandle);

camara3d = new PerspectiveCamera();
nave = new Elemento3D(new Vector3(0,-1f,-20f), 2f, new Vector3(0.1f,0.1f,2f));

}

@Override
public void render() {

Gdx.gl20.glClearColor(0f, 0f, 0f, 1f);
Gdx.gl20.glClear(GL20.GL_COLOR_BUFFER_BIT|GL20.GL_DEPTH_BUFFER_BIT);

Gdx.gl20.glEnable(GL20.GL_DEPTH_TEST);

nave.update(Gdx.graphics.getDeltaTime());

camara3d.lookAt(nave.posicion);
camara3d.update();

shaderProgram.begin();
textura.bind(0);
shaderProgram.setUniformi("u_texture", 0);
shaderProgram.setUniformMatrix("u_worldView", camara3d.combined.cpy().mul(nave.matriz));
meshNave.render(shaderProgram, GL20.GL_TRIANGLES);

shaderProgram.end();

Gdx.gl20.glDisable(GL20.GL_DEPTH_TEST);

}

@Override
public void resize (int width,int height){
// Definimos os parámetros da cámara
float aspectRatio = (float) width / (float) height;
camara3d.viewportWidth=aspectRatio*1f;
camara3d.viewportHeight=1f;
camara3d.far=1000f;
camara3d.near=0.1f;
camara3d.lookAt(0,0,0);
camara3d.position.set(0f,0f,5f);
camara3d.update();
}

@Override
public void dispose(){
shaderProgram.dispose();
meshNave.dispose();

}

}
</syntaxhighlight>

* Liña 21: Definimos o obxecto Mesh que vai representar a nave.
* Liñas 41-43: Cargamos o obj utilizando a clase ModelLoader.
* Liña 49: Instanciamos a nave pasándolle uns datos concretos.
* Liñas 64-65: Facemos que a cámara mire cara a nave. LEMBRAR CHAMAR Ó UPDATE.
* Liña 71: Renderizamos a nave.
* Liña 97: Liberamos a memoria.

-----
'''TAREFA 4.5 A FACER:''' Esta parte está asociada á realización dunha tarefa.
-----

====Carga Modelos g3db====

Para cargar estes modelos debemos facer uso da [http://manuais.iessanclemente.net/index.php?title=LIBGDX_AssetManager clase AssetManager].

Como isto é optativo na parte 2D non fai falla que o provedes.

Para cargar un modelo g3db previamente obtido coa ferramenta fbx-conv debemos facer o seguinte:

* Crear un obxecto da clase AssetManager (que xa podemos ter creado se utilizamos esta forma de carga dos gráficos do xogo):

<syntaxhighlight lang="java" line enclose="div" highlight="" >
AssetManager assetManager = new AssetManager();
</syntaxhighlight>

* Chamamos ó método load para cargar o modelo e esperamos a que remate de cargar.

<syntaxhighlight lang="java" line enclose="div" highlight="" >
assetManager.load("modelos/ship.g3db", Model.class);

assetManager.finishLoading();
</syntaxhighlight>

* Obtemos o obxecto da clase Model como fixemos no caso anterior:

<syntaxhighlight lang="java" line enclose="div" highlight="" >
Model model = assetManager.get("modelos/ship.g3db", Model.class);
</syntaxhighlight>

* Cargamos o Mesh que se atopa no Model (só temos un).

<syntaxhighlight lang="java" line enclose="div" highlight="" >
meshNave = model.meshes.get(0);
</syntaxhighlight>

 
 
O código completo:
<syntaxhighlight lang="java" line enclose="div" highlight="" >
AssetManager assetManager = new AssetManager();
assetManager.load("modelos/ship.g3db", Model.class);

assetManager.finishLoading();

Model model = assetManager.get("modelos/ship.g3db", Model.class);
meshNave = model.meshes.get(0);
</syntaxhighlight>

===Modelos 3D xa feitos===

Temos diferentes sitios web onde obter modelos 3D.

* http://opengameart.org/
* http://tf3dm.com/

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

← Revisión anterior		Revisión del 17:24 17 feb 2016
Línea 72:		Línea 72:


−	'''Nota''': O que imos ver aquí é unha forma de cargar os Mesh cun formato obj. Dito formato non leva información de cor en cada vértice como vimos nos anteriores puntos, e polo tanto o ShaderProgram non ten que recoller o parámetro de cor.	+	<u>'''Nota''':</u> O que imos ver aquí é unha forma de cargar os Mesh cun formato obj. Dito formato non leva información de cor en cada vértice como vimos nos anteriores puntos, e polo tanto o ShaderProgram non ten que recoller o parámetro de cor.

	Polo tanto os arquivos vertex.vrt e fragment.frag quedarían da seguinte maneira:		Polo tanto os arquivos vertex.vrt e fragment.frag quedarían da seguinte maneira:

← Revisión anterior		Revisión del 17:24 17 feb 2016
Línea 71:		Línea 71:
	===Carga de Modelos 3D===		===Carga de Modelos 3D===

		+
		+	'''Nota''': O que imos ver aquí é unha forma de cargar os Mesh cun formato obj. Dito formato non leva información de cor en cada vértice como vimos nos anteriores puntos, e polo tanto o ShaderProgram non ten que recoller o parámetro de cor.
		+
		+	Polo tanto os arquivos vertex.vrt e fragment.frag quedarían da seguinte maneira:
		+
		+	'''Arquivo vertext.vert'''
		+	:<syntaxhighlight lang="java" line enclose="div" highlight="" >
		+	attribute vec3 a_position;
		+	attribute vec2 a_texCoord0;
		+	varying vec2 v_textCoord;
		+	uniform mat4 u_worldView;
		+	void main()
		+	{
		+	gl_Position = u_worldView *vec4(a_position,1);
		+
		+	v_textCoord = a_texCoord0;
		+	}
		+	</syntaxhighlight>
		+
		+
		+	'''Arquivo fragment.frag'''
		+	:<syntaxhighlight lang="java" line enclose="div" highlight="" >
		+	#ifdef GL_ES
		+	precision mediump float;
		+	#endif
		+	varying vec2 v_textCoord;
		+	uniform sampler2D u_texture;
		+	void main()
		+	{
		+	vec4 texColor = texture2D(u_texture, v_textCoord);
		+	gl_FragColor = texColor;
		+	}
		+	</syntaxhighlight>
		+
		+
		+	Para cargar e manexar os modelos dunha forma máis sinxela mirade o punto: [http://wiki.cifprodolfoucha.es/index.php?title=Programaci%C3%B3n_de_videoxogos_2D_/_3D_con_LIBGDX#UNIDADE_5:_Desenvolvemento_de_xogos_3D_Avanzado. Programación avanzada 3D]. De todas formas recomendo a lectura desta parte para entender os principios básicos.

	====Carga Modelos obj====		====Carga Modelos obj====

@@ Línea 18: / Línea 18: @@
 <br/>
-<center> [https://drive.google.com/folderview?id=0BwlI3fEeprlpZ2traGU2bmRaUVU&usp=sharing Enlace a vídeos explicativos Wings3D]</center>
+<center> [https://drive.google.com/folderview?id=0B6wy3Avo79ZlbWZna1owQTYxNVk&usp=sharing Enlace a vídeos explicativos Wings3D]</center>
 <br/>

@@ Línea 203: / Línea 203: @@
 Agora imos ver o código de carga da nave.
-<syntaxhighlight lang="java" line enclose="div" highlight="21,41-43,49,64-65,71,97" >
+<syntaxhighlight lang="java" line enclose="div" highlight="21,41-43,49,65-66,72,99" >
 import com.badlogic.gdx.Game;
 import com.badlogic.gdx.Gdx;

@@ Línea 245: / Línea 245: @@
 		ModelLoader loader = new ObjLoader();
-        Model model = loader.loadModel(Gdx.files.internal("modelos/ship.obj"));
+                Model model = loader.loadModel(Gdx.files.internal("modelos/ship.obj"));
-        meshNave = model.meshes.get(0);
+                meshNave = model.meshes.get(0);
 		FileHandle imageFileHandle = Gdx.files.internal("modelos/ship.png");

@@ Línea 228: / Línea 228: @@
 		Gdx.gl20.glEnable(GL20.GL_DEPTH_TEST);
+                Gdx.gl20.glEnable(GL20.GL_TEXTURE_2D);
 		nave.update(Gdx.graphics.getDeltaTime());
@@ Línea 244: / Línea 245: @@
 		shaderProgram.end();
 		Gdx.gl20.glDisable(GL20.GL_DEPTH_TEST);
@@ Línea 274: / Línea 276: @@
 * Liñas 41-43: Cargamos o obj utilizando a clase ModelLoader.
 * Liña 49: Instanciamos a nave pasándolle uns datos concretos.
-* Liñas 64-65: Facemos que a cámara mire cara a nave. LEMBRAR CHAMAR Ó UPDATE.
+* Liñas 65-66: Facemos que a cámara mire cara a nave. LEMBRAR CHAMAR AO UPDATE.
-* Liña 71: Renderizamos a nave.
+* Liña 72: Renderizamos a nave.
-* Liña 97: Liberamos a memoria.
+* Liña 99: Liberamos a memoria.

@@ Línea 285: / Línea 285: @@
 ====Carga Modelos g3db====
-Para cargar estes modelos debemos facer uso da [http://manuais.iessanclemente.net/index.php?title=LIBGDX_AssetManager clase AssetManager].
+Para cargar estes modelos debemos facer uso da [http://wiki.cifprodolfoucha.es/index.php?title=LIBGDX_AssetManager clase AssetManager].
 Como isto é optativo na parte 2D non fai falla que o provedes.