本文主要为大家讲解使用libgdx时图形的绘制,文章详细介绍了图形绘制方法和步骤,大家可以细细研读。

       首先了解一下何为texture。按照英文解释来理解:一个图片从原始格式解码并上传到GPU就被称为纹理。

       为了绘制texture,常常使用几何来描述,通过几何对应的顶点来描述纹理。比如要描述一个矩形,可以通过描述每个顶点来描述矩形。

       要绘图时,首先要绑定纹理,然后传递一个几何描述给OpenGL进行绘制。而绘图的大小和位置由几何描述和OpenGL的viewport的设置共同决定。

       当然大部分的游戏都会让viewport的大小和屏幕一致。这就意味使用像素更容易让纹理绘制在合适的大小和位置。

       绘制一个矩形的几何图形是非常常见的,同样让同一个纹理在不同位置以不同大小位置也是非常常见的,比如漫天的弹幕。但是每次都传递每个形状到GPU进行绘制的效率是较低的。

       所以许多相同纹理可以一起描述并一起送入GPU,这就是SpriteBatch类所要做的。

       SpriteBatch被赋予了纹理和坐标以便每个图形的绘制。它(SpriteBatch)汇集了很多图形而没有直接提交给GPU。如果它被赋予的纹理不同于原有的,它将保持原有的图形,并获取新的图形。

       上一篇文章其实就使用了SpriteBatch,但是没有绘制图形,现在我们来试试绘制。

       先找张图片来,分辨率必须是2的次方(如32*32,256*512)。

       我截取了我的桌面的一部分,分辨率调成512*512。

Android游戏引擎libgdx使用教程2:如何绘制图形

       拷贝到assets文件夹中,图片文件最好都是放在这个里面哈。

Android游戏引擎libgdx使用教程2:如何绘制图形

       然后修改代码

       private Texture texture;

       实例化texture,texture=new Texture(Gdx.files.internal("image1.jpg"));然后来说一下为什么要将图片放在assets文件夹中。Gdx.files是libgdx的文件模块,主要提供以下5大功能。

       1、读取文件

       2、写文件

       3、复制文件

       4、移动文件

       5、列出文件和目录

       而获取操作文件的FileHandle有4种方法。

       1、Classpath

       路径相对于classpath,文件通常为只读。

       2、Internal

       内部文件路径相对于程序根目录或者android 的assets文件夹。

       3、External

       外部文件路径是相对于SD卡根目录。

       4、Absolute

       assets文件夹本身就是存储资源的文件夹,而且相比resource文件夹,它其中的资源不会生成R中的ID,用来放图片很是合适。

       所以用Gdx.files.internal("image1.jpg")获取图片,然后调用batch.draw(texture,20,10);绘制图形,20,10是坐标,笛卡尔座标,以左下角为原点。

       完整代码:

Java代码
  1. package com.cnblogs.htynkn;    
  2. import com.badlogic.gdx.ApplicationListener;    
  3. import com.badlogic.gdx.Gdx;    
  4. import com.badlogic.gdx.graphics.GL10;    
  5. import com.badlogic.gdx.graphics.Texture;    
  6. import com.badlogic.gdx.graphics.g2d.SpriteBatch;    
  7. public class FirstGame implements ApplicationListener {    
  8. //绘图用的SpriteBatch    
  9. private SpriteBatch batch;    
  10. //纹理    
  11. private Texture texture;    
  12. @Override    
  13. public void create() {    
  14. batch = new SpriteBatch(); //实例化    
  15. texture=new Texture(Gdx.files.internal("image1.jpg"));    
  16. }    
  17. @Override    
  18. public void dispose() {    
  19. // TODO Auto-generated method stub    
  20. }    
  21. @Override    
  22. public void pause() {    
  23. // TODO Auto-generated method stub    
  24. }    
  25. @Override    
  26. public void render() {    
  27. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏    
  28. batch.begin();    
  29. batch.draw(texture,20,10);    
  30. batch.end();    
  31. }    
  32. @Override    
  33. public void resize(int width, int height) {    
  34. // TODO Auto-generated method stub    
  35. }    
  36. @Override    
  37. public void resume() {    
  38. // TODO Auto-generated method stub    
  39. }    
  40. }  

       效果:

Android游戏引擎libgdx使用教程2:如何绘制图形

       可以看到图片不能完整显示,而实际操作中我们也经常使用图片的一部分,或者将多个图片资源集合在一个图片文件中。

       而要显示图片的一部分就可以使用TextureRegion类了。

       最常用的方法是draw(TextureRegion region, float x, float y, float width, float height)

       指定初始点和长宽。

       修改代码:

Java代码
  1. package com.cnblogs.htynkn;    
  2. import com.badlogic.gdx.ApplicationListener;    
  3. import com.badlogic.gdx.Gdx;    
  4. import com.badlogic.gdx.graphics.GL10;    
  5. import com.badlogic.gdx.graphics.Texture;    
  6. import com.badlogic.gdx.graphics.g2d.SpriteBatch;    
  7. import com.badlogic.gdx.graphics.g2d.TextureRegion;    
  8. public class FirstGame implements ApplicationListener {    
  9. //绘图用的SpriteBatch    
  10. private SpriteBatch batch;    
  11. //纹理    
  12. private Texture texture;    
  13. //区域    
  14. private TextureRegion region;    
  15. @Override    
  16. public void create() {    
  17. batch = new SpriteBatch(); //实例化    
  18. texture=new Texture(Gdx.files.internal("image1.jpg"));    
  19. region=new TextureRegion(texture, 30,80200,200);    
  20. }    
  21. @Override    
  22. public void dispose() {    
  23. // TODO Auto-generated method stub    
  24. }    
  25. @Override    
  26. public void pause() {    
  27. // TODO Auto-generated method stub    
  28. }    
  29. @Override    
  30. public void render() {    
  31. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏    
  32. batch.begin();    
  33. batch.draw(region,0,0);    
  34. batch.end();    
  35. }    
  36. @Override    
  37. public void resize(int width, int height) {    
  38. // TODO Auto-generated method stub    
  39. }    
  40. @Override    
  41. public void resume() {    
  42. // TODO Auto-generated method stub    
  43. }    
  44. }  

       效果:

Android游戏引擎libgdx使用教程2:如何绘制图形

       也许你觉得TextureRegion不够强大,没有关系,还可以使用Sprite。

       Sprite不光包含TextureRegion的功能,还可以指定位置和颜色。

       关键代码:

       sprite=new Sprite(texture, 80, 80, 400, 300);
       sprite.setPosition(10, 10); //位置
       sprite.setRotation(15);

       稍微想一下前几个例子就可以发现,其实Sprite的功能就是以上的集合。但是Sprite更方便,它用一个对象描述了一切。

       完整代码如下:

Java代码
  1.   
  2. package com.cnblogs.htynkn;    
  3. import com.badlogic.gdx.ApplicationListener;    
  4. import com.badlogic.gdx.Gdx;    
  5. import com.badlogic.gdx.graphics.GL10;    
  6. import com.badlogic.gdx.graphics.Texture;    
  7. import com.badlogic.gdx.graphics.g2d.Sprite;    
  8. import com.badlogic.gdx.graphics.g2d.SpriteBatch;    
  9. public class FirstGame implements ApplicationListener {    
  10. //绘图用的SpriteBatch    
  11. private SpriteBatch batch;    
  12. //纹理    
  13. private Texture texture;    
  14. //精灵    
  15. private Sprite sprite;    
  16. @Override    
  17. public void create() {    
  18. batch = new SpriteBatch(); //实例化    
  19. texture=new Texture(Gdx.files.internal("image1.jpg"));    
  20. sprite=new Sprite(texture, 8080400300);    
  21. sprite.setPosition(1010); //位置    
  22. sprite.setRotation(15); //旋转    
  23. }    
  24. @Override    
  25. public void dispose() {    
  26. // TODO Auto-generated method stub    
  27. }    
  28. @Override    
  29. public void pause() {    
  30. // TODO Auto-generated method stub    
  31. }    
  32. @Override    
  33. public void render() {    
  34. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏    
  35. batch.begin();    
  36. sprite.draw(batch);    
  37. batch.end();    
  38. }    
  39. @Override    
  40. public void resize(int width, int height) {    
  41. // TODO Auto-generated method stub    
  42. }    
  43. @Override    
  44. public void resume() {    
  45. // TODO Auto-generated method stub    
  46. }    
  47. }  

       效果:

Android游戏引擎libgdx使用教程2:如何绘制图形

       同时可以通过sprite的setColor方法为图形着色。

       setColor(float r, float g, float b, float a)

       其中颜色的表述都是介于0,1之间的数。

Android游戏引擎libgdx使用教程2:如何绘制图形

Android游戏引擎libgdx使用教程2:如何绘制图形

       绘制的内容基本就这么多,下一篇是关于关于2D场景的。

       写在最后

       1、关于混合问题,默认是开启混合了的。这意味着图形绘制完成时半透明的部分已经被混合了。当混合被关闭是任何已经在场景上的东西都会被纹理代替,这适合绘制大背景。

       batch.disableBlending(); 
       backgroundSprite.draw(batch);
       batch.enableBlending();

       2、关于性能优化

       SpriteBatch 有个构造函数可以指定最大缓冲数目。如果数值过低会造成额外的GPU调用;过高的话将占用过多的内存。

       在SpriteBatch有个字段为maxSpritesInBatch,可以先设置一个很高的缓冲数目,然后观察maxSpritesInBatch的值以确定合适的缓冲值。

       还有一个字段renderCalls,在end被调用时,它的值表示在begin和end之间几何声明被送入GPU的次数。

       还有一个构造函数可以指定缓冲大小和数量,合理的设置可以极大地提供性能。

本文发布:Android开发网
本文地址:http://www.teaching4real.com/android/game/365.html
2013年1月21日
发布:鸡啄米 分类:Android游戏开发 浏览: 注册送白菜网:1