android游戏开发框架libgdx的使用（二）--图形绘制

最新推荐文章于 2022-08-07 11:23:19 发布
最新推荐文章于 2022-08-07 11:23:19 发布
阅读量1k 收藏
点赞数
分类专栏： libgdx

转自：http://www.apkbus.com/forum.php?mod=viewthread&tid=19746&extra=page%3D1%26filter%3Dauthor%26orderby%3Ddateline%26orderby%3Ddateline

 

首先了解一下何为texture。按照英文解释来理解：一个图片从原始格式解码并上传到GPU就被称为纹理。（说实话我不是很清楚这个的定义哈，求指点）

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

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

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

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

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

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

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

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

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


1.jpg

 

2012-1-16 22:40 上传
下载附件(45.75 KB)


 

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


2.jpg

 

2012-1-16 22:40 上传
下载附件(18.6 KB)


 

然后修改代码

  1. private Texture texture;
复制代码

实例化texture，texture=new Texture(Gdx.files.internal("image1.jpg"));然后来说一下为什么要将图片放在assets文件夹中。Gdx.files是libgdx的文件模块，主要提供以下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是坐标，笛卡尔座标，以左下角为原点。
    完整代码：

    1. 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.SpriteBatch;

    9. public class FirstGame implements ApplicationListener {
    10. //绘图用的SpriteBatch
    11. private SpriteBatch batch;
    12. //纹理
    13. private Texture texture;
    14. @Override
    15. public void create() {
    16. batch = new SpriteBatch(); //实例化
    17. texture=new Texture(Gdx.files.internal("image1.jpg"));
    18. }

    20. @Override
    21. public void dispose() {
    22. // TODO Auto-generated method stub

    24. }

    26. @Override
    27. public void pause() {
    28. // TODO Auto-generated method stub

    30. }

    32. @Override
    33. public void render() {
    34. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏
    35. batch.begin();
    36. batch.draw(texture,20,10);
    37. batch.end();
    38. }

    40. @Override
    41. public void resize(int width, int height) {
    42. // TODO Auto-generated method stub

    44. }

    46. @Override
    47. public void resume() {
    48. // TODO Auto-generated method stub

    50. }

    52. }
    复制代码
    效果：
  • 3.jpg
    2012-1-16 22:40 上传
    下载附件(51.61 KB)
  • 可以看到图片不能完整显示，而实际操作中我们也经常使用图片的一部分，或者将多个图片资源集合在一个图片文件中。而要显示图片的一部分就可以使用TextureRegion类了。最常用的方法是draw(TextureRegion region, float x, float y, float width, float height)指定初始点和长宽。修改代码：
    1. 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.SpriteBatch;
    8. import com.badlogic.gdx.graphics.g2d.TextureRegion;

    10. public class FirstGame implements ApplicationListener {
    11. //绘图用的SpriteBatch
    12. private SpriteBatch batch;
    13. //纹理
    14. private Texture texture;
    15. //区域
    16. private TextureRegion region;
    17. @Override
    18. public void create() {
    19. batch = new SpriteBatch(); //实例化
    20. texture=new Texture(Gdx.files.internal("image1.jpg"));
    21. region=new TextureRegion(texture, 30,80, 200,200);
    22. }

    24. @Override
    25. public void dispose() {
    26. // TODO Auto-generated method stub

    28. }

    30. @Override
    31. public void pause() {
    32. // TODO Auto-generated method stub

    34. }

    36. @Override
    37. public void render() {
    38. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏
    39. batch.begin();
    40. batch.draw(region,0,0);
    41. batch.end();
    42. }

    44. @Override
    45. public void resize(int width, int height) {
    46. // TODO Auto-generated method stub

    48. }

    50. @Override
    51. public void resume() {
    52. // TODO Auto-generated method stub

    54. }

    56. }
    复制代码
    效果： 4.jpg
    2012-1-16 22:41 上传
    下载附件(49.78 KB)
    也许你觉得TextureRegion不够强大，没有关系，还可以使用Sprite。Sprite不光包含TextureRegion的功能，还可以指定位置和颜色。关键代码：
    1. sprite=new Sprite(texture, 80, 80, 400, 300);
    2. sprite.setPosition(10, 10); //位置
    3. sprite.setRotation(15);
    复制代码
    稍微想一下前几个例子就可以发现，其实Sprite的功能就是以上的集合。但是Sprite更方便，它用一个对象描述了一切。完整代码如下：
    1. 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;

    10. public class FirstGame implements ApplicationListener {
    11. //绘图用的SpriteBatch
    12. private SpriteBatch batch;
    13. //纹理
    14. private Texture texture;
    15. //精灵
    16. private Sprite sprite;
    17. @Override
    18. public void create() {
    19. batch = new SpriteBatch(); //实例化
    20. texture=new Texture(Gdx.files.internal("image1.jpg"));
    21. sprite=new Sprite(texture, 80, 80, 400, 300);
    22. sprite.setPosition(10, 10); //位置
    23. sprite.setRotation(15); //旋转
    24. }

    26. @Override
    27. public void dispose() {
    28. // TODO Auto-generated method stub

    30. }

    32. @Override
    33. public void pause() {
    34. // TODO Auto-generated method stub

    36. }

    38. @Override
    39. public void render() {
    40. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); //清屏
    41. batch.begin();
    42. sprite.draw(batch);
    43. batch.end();
    44. }

    46. @Override
    47. public void resize(int width, int height) {
    48. // TODO Auto-generated method stub

    50. }

    52. @Override
    53. public void resume() {
    54. // TODO Auto-generated method stub

    56. }

    58. }
    复制代码
    效果：
  • 5.jpg
    2012-1-16 22:41 上传
    下载附件(43.01 KB)
  • 同时可以通过sprite的setColor方法为图形着色。
    1. setColor(float r, float g, float b, float a)
    复制代码
    其中颜色的表述都是介于0,1之间的数。
  • 6.jpg
    2012-1-16 22:41 上传
    下载附件(22.39 KB)
    7.jpg
    2012-1-16 22:40 上传
    下载附件(17.86 KB)
  • 绘制的内容基本就这么多，下一篇是关于关于2D场景的。写在最后：1.关于混合问题，默认是开启混合了的。这意味着图形绘制完成时半透明的部分已经被混合了。当混合被关闭是任何已经在场景上的东西都会被纹理代替，这适合绘制大背景。
    1. batch.disableBlending();
    2. backgroundSprite.draw(batch);
    3. batch.enableBlending();
    复制代码
    2.关于性能优化SpriteBatch 有个构造函数可以指定最大缓冲数目。如果数值过低会造成额外的GPU调用；过高的话将占用过多的内存。在SpriteBatch有个字段为maxSpritesInBatch，可以先设置一个很高的缓冲数目，然后观察maxSpritesInBatch的值以确定合适的缓冲值。还有一个字段renderCalls，在end被调用时，它的值表示在begin和end之间几何声明被送入GPU的次数。还有一个构造函数可以指定缓冲大小和数量，合理的设置可以极大地提供性能。

 

gf771115
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
libGDX立方体手动旋转
11-26
本资源使用 Mesh、ShaderProgram、Shader、InputAdapter 实现立方体手动旋转，效果详见博客→https://zhyan8.blog.csdn.net/article/details/134626491
libgdx, Table布局
03-19 1248
Table神奇的地方： # 能自动适应屏幕尺寸进行布局。 # table.add(对象)，同一个对象只能被add一次。如果一个对象调用多次add，效果相当于add一次。 # UI中，按钮，dialog,是从table继承过来的，其它不是。
Libgdx之Table 表格排版
代码世界
06-11 5267
做游戏的时候一般都会有一个菜单屏，里面有各种选项如：静音、调节声音大小、帮助、游戏介绍。这时候我们就需要对各个按钮或者演员来排序，Table就是一个能很好帮助我们进行排序的工具。 Table extends WidgetGroup 我们可以知道Table继承自Group，我们进行排序的时候也可以赋予简单的动作，如做一个Button切换的动画等等。
libgdx屏幕适配分析（1）
思考的智慧，知识源于思考
04-13 2983
libgdx有个虚拟分辨率的概念，我们在初始化Stage时，可以传入我们 定义的虚拟分辨率， new Stage(new ScalingViewport(Scaling.stretch, 480, 800, new OrthographicCamera())); Scaling.stretch 这个是你的适配策略，适配策略可以选择下面的这些： /** Scales the sourc
android游戏开发框架libgdx的使用(二)--图形绘制[汇编].pdf
10-11
android游戏开发框架libgdx的使用(二)--图形绘制[汇编].pdf
android游戏开发框架libgdx的使用(二)--图形绘制借鉴.pdf
12-25
android游戏开发框架libgdx的使用(二)--图形绘制借鉴.pdf
android游戏开发框架libgdx的使用3[归纳].pdf
10-11
在Android游戏开发中，LibGDX是一个非常流行的开源框架，它提供了一整套跨平台的游戏开发工具，使得开发者可以一次性编写代码，同时在Android、iOS、桌面系统等多个平台上运行。本篇将深入探讨如何在LibGDX中实现...
android游戏开发框架libgdx的使用9定义.pdf
11-24
在Android游戏开发中，使用框架libgdx可以极大地提高开发效率和游戏质量。libgdx是一个强大的跨平台游戏开发框架，支持Android、iOS、HTML5、Windows、Mac和Linux等多种平台。本文将聚焦于libgdx中如何使用Box2d进行...
android游戏开发框架libgdx的使用教程
12-20
### Android游戏开发框架libgdx的使用教程 #### 一、环境搭建 **Libgdx** 是一款功能强大的跨平台游戏开发框架，它支持2D和3D游戏开发，并且可以部署到多个平台上，包括Android、iOS、Web、以及桌面应用（如...
Libgdx专题系列 UI篇
01-23
Libgdx专题系列 UI篇 项目代码 包含TWL Skin 和 TableLayout的用法及使用
Libgdx之Animation 动画
代码世界
04-14 7866
一个好的游戏总归需要动画，Libgdx提供了Animation类来管理控制动画。 Animation: 储存了一组TextureRegion，然后顺序播放。例如在主角奔跑、跳跃的时候都需要用到Animation。每一个TextureRegion都是一帧，多帧组成了一组动画。
android游戏开发框架libgdx的使用（五）--舞台和常用UI类
weixin_33895516的博客
11-16 129
本文使用的libgdx是0.92版本，和现在的最新版可能有一些不一样的地方。全文内容仅供参考。 常用的UI类包括标签，按钮，勾选框，下拉框，图片，输入框，列表，滑动面板，滑条，分割面板。它们都在com.badlogic.gdx.scenes.scene2d.ui包中，都属于Actor，可以方便的纳入舞台的管理中。 其实仔细看看UI类的实现代码不难发现其实它们都是大部分继承自Widget或者Ta...
Libgdx专题系列： UI篇 TWL&Skin&TableLayout
站在巨人的肩膀上
01-23 5619
游戏都少不了UI界面，现在我们来看看在Libgdx中，需要怎么做？ TWL  TWL是一个基于Opengl的图形用户接口， 它提供Label,button,tables 等许多控件的标准， 可以编辑控件的样式， 他提供一个可以可视化编辑的工具，可以很方便的使用。 TWL Themer Editor             官网地址 http://twl.l33tlabs.org/
Libgdx游戏编程之卡牌游戏UI布局
沧海一粟
03-21 2725
libgdx游戏UI 卡牌游戏UI UI制作
libGDX游戏开发之菜单界面（四）
凌康的博客
10-07 378
libGDX游戏开发之菜单界面（四） libGDX系列，游戏开发有unity3D巴拉巴拉的，为啥还用java开发？因为我是Java程序员emm…国内用libgdx比较少，多数情况需要去官网和google找资料，相互学习的可以加我联系方式。 在游戏中，我们知道在镜头中的菜单是固定的。下面演示如何在libgdx中添加菜单和菜单点击事件 基本的代码如下，前面的地图是我拿前面的文章来用的嘿嘿。 import com.badlogic.gdx.ApplicationAdapter; import com.badlo
android gdx 放进布局,Android --- libgdx android 学习初步(环境搭建及测试)
weixin_39640195的博客
05-26 355
1.首先下载libgdx文件....解压后会看见许多的jar文件,在Android工程中会用到gdx.jar和gdx-backend-android.jar2.新建一个Android工程.....在工程项目文件下新建一个libs目录将gdx.jar和gdx-backend-android.jar文件copy到此目录,并右键--->Build Path--->Add to Build P...
手把手教你实现png透明图像叠加在jpg图像上
最新发布
Never_owned的博客
08-07 860
最近有很多朋友在问，怎么剪辑图片，比如将PNG的透明图片放在JPG图片上，这样的效果是怎么实现的呢？不知道如何操作的宝贝们，下面请随小编一起来试试。然后“添加中画”上，导入PNG格式的图片，多张图片的话，可以通过直接拖入来导入。运行【媒体梦工厂】，在“画中画”的“添加底画”中，先导入JPG格式的图片。最后打开原来的图片进行一下比较，原图片中并无任何其他图片，说明剪辑成功。导入后，设定好画中画的选项，比如中画的位置、尺寸、合成模式等等。任意双击一张图片进去查看，都是添加了PNG透明图的JPG图片。...
android gdx 放进布局,将LibGDX添加到现有的Android Studio项目中
weixin_39854326的博客
05-26 256
将LibGDX添加到现有Android Studio项目的最佳方法是什么？因为Android Studio已经内置了Gradle,所以我假设可以更改build.gradle文件中的某些代码以将LibGDX添加到现有项目中.我在LibGDX上发现的唯一gradle指令是使用已经内置的LibGDX进行新项目的自动化工具.解决方法:libgdx的所有想法都是为所有平台编写一个代码.因此,应该以适当的方式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值