第二章:图形绘制

Texture

1.纹理(Texture):图片从原始格式,解码并上传到GPU的过程,被称之为纹理。
2.用途:其实就是承装获取到目的图片的容器
3.使用:Gdx.files.* 文件模块

Gdx.files.*文件模块主要有以下功能
1.Gdx.files.classpath("") 路径相对于classpath,文件通常只读
2.Gdx.files.internal("") 内部文件路径,JAVA项目对应 resources 目录,Android项目对应assets 文件夹
3.Gdx.files.external("") 从外部存储获取
4.Gdx.files.absolute("") 绝对路径


SpriteBatch 类(相当于画笔)

1.用于绘制二维矩形参考纹理,可用于批量绘图命令,和优化GPU处理、
2.把许多相同纹理一起描述,并一起送入GPU绘制,同时赋予纹理和坐标,以便每个图形的绘制。
3.图片资源分辨率,必须为2的N次方。譬如:
2^10 = 1024
2^9 = 512
2^8 = 256
2^7 = 128
2^6 = 64
2^5 = 32
2^4 = 16
2^3 = 8
2^2 = 4
2^1 = 2

为什么要2的N次方?

  1. libGDX使用OpenGL ES ,分为两个版本 OpenGL ES 1.x 和 OpenGL ES 2.0,1.x 的图片大小必须是2的整次数幂,而 2.0 无此要求。

  2. libgdx 早期使用OpenGL ES 1.x , 用高版本libgdx就不用管图片分辨率问题了。


画出图片:

private val texture = Texture(Gdx.files.internal("aiweier.jpg"))
private val batch = SpriteBatch()
override fun render()
{
        clear()
        batch.begin()
        batch.draw(texture , 0f, 0f, Gdx.graphics.floatWidth, Gdx.graphics.floatHeight)
        batch.end()
}
图片 512*1024

TextureRegion 可用于图片截取。

private val texture = Texture(Gdx.files.internal("aiweier.jpg"))
private val leftRegion = TextureRegion(texture, 0, 0, 512, 512)
override fun render()
{
        clear()
        batch.begin()
        batch.draw(leftRegion, 0f, 0f, Gdx.graphics.floatWidth, Gdx.graphics.floatHeight)
        batch.end()
}

截取512*512

Sprite类

1.定义:持有几何形状,颜色,和纹理信息使用加载绘制2D精灵
2.用途:TextureRegion的加强版,SpriteBatch的加强版,比TextureRegion多了一些功能:指定位置,颜色,旋转,等……
3.特点:可以处理Texture,TextureRegion等纹理

方法:
1.大小:sprite.setSize(120,120)
2.旋转中心:sprite.setOrigin(50,50)
3.旋转角度:sprite.setRotation(50)
4.绘制位置:sprite.setPosition(150,150)
5.绘制颜色:sprite.setColor(1,0,1,1)
6.绘制函数:sprite.draw(SpriteBatch)

清屏

// 设置背景颜色
Gdx.gl.glClearColor(1F, 1F, 1F, 1F)
// 清屏
Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT)

OpenGL 中,是将纹理贴上去,但是如果绘制动画,或者绘制领蛙图形,就会残留上一张的痕迹,所以需要清屏,展示新的图像。


DEMO地址:https://gitee.com/xcode_xiao/LibGdxDemos2/tree/master/ImageRender2

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,204评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,091评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,548评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,657评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,689评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,554评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,302评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,216评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,661评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,851评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,977评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,697评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,306评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,898评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,019评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,138评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,927评论 2 355

推荐阅读更多精彩内容

  • 1 纹理基础 纹理是一种结构化的存储形式(Textures are a structured form of st...
    RichardJieChen阅读 15,826评论 0 9
  • 版本记录 前言 OpenGL ES是一个强大的图形库,是跨平台的图形API,属于OpenGL的一个简化版本。iOS...
    刀客传奇阅读 5,102评论 2 6
  • 卷首语 欢迎来到 objc.io 的第三期! 这一期都是关于视图层的。当然视图层有很多方面,我们需要把它们缩小到几...
    评评分分阅读 1,768评论 0 18
  • 我个人认为,学画呢,一边学,一边买,一边画,是最好的结构。大画家从小学画,顿悟一生,传承并创新,师古人师造化师我心...
    富山居阅读 303评论 0 1
  • 当我们到达红海湾的时候是下午四点左右,阴天,呼呼的海风吹在身上,像一种亲切的问候。 正当我们在找地...
    维京_9f83阅读 241评论 2 3