首页 > 其他分享 >【libGDX】使用Mesh绘制矩形

【libGDX】使用Mesh绘制矩形

时间:2024-02-22 21:44:46浏览次数:34  
标签:badlogic gdx libGDX 0.5 Mesh import 矩形 com void

1 前言

使用Mesh绘制三角形 中介绍了绘制三角形的方法,本文将介绍绘制正方形的方法。

​ libGDX 以点、线段、三角形为图元,没有提供绘制矩形内部的接口。要绘制矩形内部,必须通过三角形拼接而成,如下图,是通过 GL_TRIANGLE_FAN 模式绘制矩形。

img

​ 绘制的坐标点如下,屏幕中心为坐标原点,向右和向上分别为 x 轴和 y 轴正方向。

float[] vertices = {
        -0.5f, -0.5f, 0.0f, // 左下
        0.5f, -0.5f, 0.0f, // 右下
        0.5f, 0.5f, 0.0f, // 右上
        -0.5f, 0.5f, 0.0f // 左上
};

​ 本文将使用 Mesh、ShaderProgram、Shader 绘制矩形,OpenGL ES 的实现见博客 → 绘制正方形,本节完整代码资源见 → libGDX使用Mesh绘制矩形

2 绘制矩形

​ DesktopLauncher.java

package com.zhyan8.game;

import com.badlogic.gdx.backends.lwjgl3.Lwjgl3Application;
import com.badlogic.gdx.backends.lwjgl3.Lwjgl3ApplicationConfiguration;

public class DesktopLauncher {
	public static void main (String[] arg) {
		Lwjgl3ApplicationConfiguration config = new Lwjgl3ApplicationConfiguration();
		config.setForegroundFPS(60);
		config.setTitle("Square");
		new Lwjgl3Application(new Square(), config);
	}
}

​ Square.java

package com.zhyan8.game;

import com.badlogic.gdx.ApplicationAdapter;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.GL30;
import com.badlogic.gdx.graphics.Mesh;
import com.badlogic.gdx.graphics.VertexAttribute;
import com.badlogic.gdx.graphics.VertexAttributes.Usage;
import com.badlogic.gdx.graphics.glutils.ShaderProgram;

public class Square extends ApplicationAdapter {
	private ShaderProgram mShaderProgram;
	private Mesh mMesh;

	@Override
	public void create() {
		initShader();
		initMesh();
	}

	@Override
	public void render() {
		Gdx.gl.glClearColor(0.455f, 0.725f, 1.0f, 1.0f);
		Gdx.gl.glClear(GL30.GL_COLOR_BUFFER_BIT);
		mShaderProgram.bind();
		mMesh.render(mShaderProgram, GL30.GL_TRIANGLE_FAN);
	}

	@Override
	public void dispose() {
		mShaderProgram.dispose();
		mMesh.dispose();
	}

	private void initShader() { // 初始化着色器程序
		String vertex = Gdx.files.internal("shaders/square_vertex.glsl").readString();
		String fragment = Gdx.files.internal("shaders/square_fragment.glsl").readString();
		mShaderProgram = new ShaderProgram(vertex, fragment);
	}

	private void initMesh() { // 初始化网格
		float[] vertices = {
				-0.5f, -0.5f, 0.0f, // 左下
				0.5f, -0.5f, 0.0f, // 右下
				0.5f, 0.5f, 0.0f, // 右上
				-0.5f, 0.5f, 0.0f // 左上
		};
		short[] indices = {0, 1, 2, 3};
		VertexAttribute vertexPosition = new VertexAttribute(Usage.Position, 3, "a_position");
		mMesh = new Mesh(true, vertices.length / 3, indices.length, vertexPosition);
		mMesh.setVertices(vertices);
		mMesh.setIndices(indices);
	}
}

​ square_vertex.glsl

#version 300 es

in vec3 a_position;

void main() {
    gl_Position = vec4(a_position, 1.0);
}

​ square_fragment.glsl

#version 300 es
precision mediump float; // 声明float型变量的精度为mediump

out vec4 fragColor;

void main() {
    fragColor = vec4(1, 0, 0, 0);
}

​ 运行效果如下。

img

3 绘制正方形

​ Square.java

package com.zhyan8.game;

import com.badlogic.gdx.ApplicationAdapter;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.GL30;
import com.badlogic.gdx.graphics.Mesh;
import com.badlogic.gdx.graphics.VertexAttribute;
import com.badlogic.gdx.graphics.VertexAttributes.Usage;
import com.badlogic.gdx.graphics.glutils.ShaderProgram;

public class Square extends ApplicationAdapter {
	private ShaderProgram mShaderProgram;
	private Mesh mMesh;
	private float mRatio;

	@Override
	public void create() {
		initShader();
		initMesh();
	}

	@Override
	public void render() {
		Gdx.gl.glClearColor(0.455f, 0.725f, 1.0f, 1.0f);
		Gdx.gl.glClear(GL30.GL_COLOR_BUFFER_BIT);
		mShaderProgram.bind();
		mShaderProgram.setUniformf("u_wh_ratio", mRatio);
		mMesh.render(mShaderProgram, GL30.GL_TRIANGLE_FAN);
	}

	@Override
	public void dispose() {
		mShaderProgram.dispose();
		mMesh.dispose();
	}

	private void initShader() { // 初始化着色器程序
		String vertex = Gdx.files.internal("shaders/square_vertex.glsl").readString();
		String fragment = Gdx.files.internal("shaders/square_fragment.glsl").readString();
		mShaderProgram = new ShaderProgram(vertex, fragment);
		mRatio = 1.0f * Gdx.graphics.getWidth() / Gdx.graphics.getHeight();
	}

	private void initMesh() { // 初始化网格
		float[] vertices = {
				-0.5f, -0.5f, 0.0f, // 左下
				0.5f, -0.5f, 0.0f, // 右下
				0.5f, 0.5f, 0.0f, // 右上
				-0.5f, 0.5f, 0.0f // 左上
		};
		short[] indices = {0, 1, 2, 3};
		VertexAttribute vertexPosition = new VertexAttribute(Usage.Position, 3, "a_position");
		mMesh = new Mesh(true, vertices.length / 3, indices.length, vertexPosition);
		mMesh.setVertices(vertices);
		mMesh.setIndices(indices);
	}
}

​ square_vertex.glsl

#version 300 es

in vec3 a_position;

uniform float u_wh_ratio; // 屏幕宽高比

void main() {
    gl_Position = vec4(a_position, 1.0);
    if (u_wh_ratio > 1.0) {
        gl_Position.x /= u_wh_ratio;
    } else {
        gl_Position.y *= u_wh_ratio;
    }
}

​ square_fragment.glsl

#version 300 es
precision mediump float; // 声明float型变量的精度为mediump

out vec4 fragColor;

void main() {
    fragColor = vec4(0, 1, 0, 0);
}

img

​ 声明:本文转自【libGDX】使用Mesh绘制矩形

标签:badlogic,gdx,libGDX,0.5,Mesh,import,矩形,com,void
From: https://www.cnblogs.com/zhyan8/p/18024335

相关文章

  • AutoCAD2024画圆或矩形实时预览消失了如何解决?
    最近有小伙伴问这个问题,他在使用AutoCAD绘制图形时,发现画圆或矩形实时预览没有了,如下,画图不容易定位,非常影响画图效率,十分苦恼不知道如何恢复? 正常CAD画圆(或矩形)会显示实时预览,如下:操作步骤:AutoCAD20241、打开AutoCAD2024软件,然后在命令栏输入:DRAGMODE,然后按Enter键......
  • 【libGDX】使用ShapeRenderer绘制几何图形
    1ShapeRenderer简介​ShapeRenderer是libGDX中用于绘制基本形状的工具之一。它可以绘制点、线、矩形、多边形、圆形、椭圆形、扇形、立方体、圆锥体等几何图形。这对于在游戏或图形应用程序中绘制简单的形状是很有用的。​ShapeRenderer的主要方法如下:​1)开......
  • 【libGDX】初识libGDX
    1前言​libGDX是一个开源且跨平台的Java游戏开发框架,于2010年3月11日推出0.1版本,它通过OpenGLES2.0/3.0渲染图像,支持Windows、Linux、macOS、Android、iOS、Web等平台,提供了统一的API,用户只需要写一套代码就可以在多个平台上运行,官方介绍见→Features。......
  • 【libGDX】ApplicationAdapter生命周期
    1前言​libGDX中,用户自定义的渲染窗口需要继承ApplicationAdapter类,ApplicationAdapter实现了ApplicationListener接口,但实现的方法都是空方法,方法释义如下。publicinterfaceApplicationListener{ //应用首次创建时调用一次 publicvoidcreate(); //窗口尺......
  • Unreadable-Mesh内存占用翻倍问题
    1)Unreadable-Mesh内存占用翻倍问题2)在TMP中计算书名号《》高度的问题3)Mipmap如何限定层级4)FMOD设置中关于VirtualChannelCount&RealChannelCount的参数疑问这是第374篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答、社区帖子等技术知识点,助力大家更全面地掌......
  • 矩形树图
    案例1参考代码如下<!-- 此示例下载自https://echarts.apache.org/examples/zh/editor.html?c=treemap-simple--><!DOCTYPEhtml><htmllang="en"style="height:100%"><head><metacharset="utf-8"></head&......
  • Text Mesh Pro图文混排如何对任何图片都能实现
    1)TextMeshPro图文混排如何对任何图片都能实现2)UnityiOS平台的小图占用特别大的内存3)只在编辑器内,纹理不开启Read&Write情况下,如何获取纹理所有颜色值4)准备在海外发行游戏,有哪些比较常用的身份认证类SDK这是第372篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答......
  • leetcode85. 最大矩形
    85.最大矩形-力扣(LeetCode)参考dp求最大字串和的思想,将一维dp转化为二维的形式,将当前列的和当成一维的数进行dp即可。这题和求最大子矩阵和的dp思路一样。1classSolution{2public:3intmaximalRectangle(vector<vector<char>>&matrix){4intn=m......
  • 比较以下Unity AStar Pathfinding, NavMesh, Recast Navigation 寻路算法的优点与缺点
    一、AStarPathfindingAStarPathfinding是一种基于图搜索的寻路算法,它使用启发式搜索来找到最短路径。AStarPathfinding的优点包括:高效性:AStarPathfinding是一种高效的寻路算法,因为它使用启发式搜索来找到最短路径,可以大大减少搜索空间,从而提高寻路速度。灵活性:AStarPathf......
  • PHY6252蓝牙灯控Mesh组网BLE芯片低成本方案
    超低成本MESH组网蓝牙芯片PHY6252蓝牙Mesh组网简介蓝⽛Mesh⽹络使⽤,依赖于低功耗蓝⽛(BLE)。低功耗蓝⽛技术是蓝⽛Mesh使用的无线通信协议栈,蓝牙BR/EDR能够与实现一台设备到另一台设备的连接和通信,建立“一对一”的关系,大多数人所熟悉的“配对”一词就是这个意思。蓝牙Mesh能够让......