- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有一个爆炸的粒子系统,类似于烟花:
顶点着色器代码:
#version 300 es
uniform float u_lastTimeExplosion; // time elapsed since the explosion
// explosion center (particle coordinates are set relative to this center
uniform vec3 u_centerPosition;
uniform float u_sizeSprite;
// particle lifetime in seconds
layout(location = 0) in float a_lifeTime;
// initial position of the particle at the time of the explosion
layout(location = 1) in vec3 a_startPosition;
layout(location = 2) in vec3 a_endPosition; // final position of the particle
out float v_lifeTime; // remaining particle lifetime
void main()
{
// calculate particle position (algorithm from the book of D.Ginsburg, B.Purnomo)
gl_Position.xyz = a_startPosition + (u_lastTimeExplosion * a_endPosition);
gl_Position.xyz += u_centerPosition;
gl_Position.w = 1.0;
// calculate the remaining particle lifetime
v_lifeTime = 1.0 - (u_lastTimeExplosion / a_lifeTime);
v_lifeTime = clamp(v_lifeTime, 0.0, 1.0);
// calculate sprite size based on remaining life time
gl_PointSize = pow(v_lifeTime, 5.0) * u_sizeSprite;
}
fragment 着色器代码:
#version 300 es
precision lowp float;
in float v_lifeTime;
uniform vec4 u_color;
out vec4 fragColor;
uniform sampler2D s_texture;
void main()
{
vec4 texColor = texture(s_texture, gl_PointCoord);
fragColor = u_color * texColor;
// increase sprite transparency
fragColor.a *= v_lifeTime;
}
使用三个顶点缓冲区:用于具有粒子生命周期的数组;粒子初始坐标数组;最终粒子坐标数组:
lifeTimeAsFloatBuffer.position(0);
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, VBO[0]);
GLES30.glBufferData(GLES30.GL_ARRAY_BUFFER,
FLOAT_SIZE * numberParticles, lifeTimeAsFloatBuffer,
GLES30.GL_STATIC_DRAW);
startPositionAsFloatBuffer.position(0);
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, VBO[1]);
GLES30.glBufferData(GLES30.GL_ARRAY_BUFFER,
FLOAT_SIZE * NUM_COORDINATES * numberParticles,
startPositionAsFloatBuffer, GLES30.GL_STATIC_DRAW);
endPositionAsFloatBuffer.position(0);
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, VBO[2]);
GLES30.glBufferData(GLES30.GL_ARRAY_BUFFER,
FLOAT_SIZE * NUM_COORDINATES * numberParticles,
endPositionAsFloatBuffer, GLES30.GL_STATIC_DRAW);
生成顶点数据:
private final float[] lifeTimeData; // life time of particles
private final float[] startPositionData; // start coordinates of particles
private final float[] endPositionData; // end coordinates of particles
...
public void createDataVertex() {
float maxLifeTime = 3.0f;
for (int i = 0; i < numberParticles; i ++) {
// life time of particle, random value 0-3 second
lifeTimeData[i] = random.nextFloat() * maxLifeTime;
}
float[] xyz;
for (int i = 0; i < numberParticles * NUM_COORDINATES; i += NUM_COORDINATES) {
xyz = getPointForSphere(startRadius); // start position particle
startPositionData[i] = xyz[0] * aspect;
startPositionData[i + 1] = xyz[1];
startPositionData[i + 2] = xyz[2];
xyz = getPointForSphere(endRadius); // end position particle
endPositionData[i] = xyz[0] * aspect;
endPositionData[i + 1] = xyz[1];
endPositionData[i + 2] = xyz[2];
}
lifeTimeAsFloatBuffer = floatBuffer(lifeTimeData);
startPositionAsFloatBuffer = floatBuffer(startPositionData);
endPositionAsFloatBuffer = floatBuffer(endPositionData);
}
将数据传递给着色器:
public void onDrawFrame(GL10 glUnused) {
...
GLES30.glEnableVertexAttribArray(startPositionLink);
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, VBO[1]);
GLES30.glVertexAttribPointer(startPositionLink, NUM_COORDINATES,
GLES30.GL_FLOAT, false, FLOAT_SIZE * NUM_COORDINATES, 0);
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, 0);
...
}
问题:在某些物理设备上,渲染速度会变慢(FPS 降低)。哪怕有几百个粒子。观看了一个帖子:Improve Particle system OpenGL 。但这里的问题似乎有所不同。
问题:有没有办法进一步优化这个粒子系统?任何答案/评论都非常有值(value)。
最佳答案
事实证明, Sprite 的大小对性能影响很大。如果 Sprite 的初始大小是从 1 到 10,那么一切都很好:
GLES20.glUniform1f(sizeSpriteLink, 10f);
如果 Sprite 的大小增加,则渲染速度会变慢(FPS 降低)。不确定,但似乎增加 Sprite 的大小会极大地影响图形内存资源的消耗。也许有人知道这个?
根据 Columbo 的建议,添加了用于粒子纹理的 mipmap。 Sprite 的大小最好不要超过纹理的大小。
GLES20.glGenerateMipmap(GLES20.GL_TEXTURE_2D)
最好使用这种类型的过滤来提高性能:
// one value is taken from the nearest pyramid level
GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER,
GLES20.GL_NEAREST_MIPMAP_NEAREST);
关于java - OpenGL ES 3.0 中的粒子系统优化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60664551/
在 settings.py LANGUAGE_CODE = 'es-mx'或 LANGUAGE_CODE = 'es-ar'不起作用,但是 LANGUAGE_CODE = 'es'或 LANGUAGE
我想知道OpenGL ES 2.0和OpenGL ES 3.0之间有什么区别。 OpenGL ES 3.0的主要优点是什么? 最佳答案 总体而言,这些变化通过更大的缓冲区、更多的格式、更多的统一等提高
这是我为此端点使用 Postman localhost:9201/response_v2_862875ee3a88a6d09c95bdbda029ce2b/_search 的请求正文 { "_sour
OpenGL ES 2.0 没有 ES 1.0 那样的 GL_POINT_SMOOTH 定义。这意味着我用来绘制圆圈的代码不再有效: glEnable(GL_POINT_SMOOTH); glPoin
我尝试编译这个着色器: varying vec2 TexCoords; varying vec4 color; uniform sampler2D text; uniform vec3 textCol
我是 OpenGL ES 的新手,我使用的是 OpenGL ES 2.0 版本。我可以在片段着色器中使用按位操作(右移、左移)吗? 最佳答案 OpenGL ES 2.0 没有按位运算符。 ES 3.0
有没有办法只用线画一个三角形? 我认为GL_TRIANGLES选项可使三角形充满颜色。 最佳答案 使用glPolygonMode(face, model)设置填充模式: glPolygonMode(G
我想用一个包含 yuv 数据的采样器在 opengl es 着色器中将 yuv 转换为 rgb。我的代码如下: 1)我将 yuv 数据发送到纹理: GLES20.glTexImage2D(GLES20
我正在使用这样的域: http://www.domain.com/es/blabla.html 我想更改 .es 的/es 部分并将 URLS 转换为类似以下内容: http://www.domain
有谁知道OpenGL ES是否支持GL_TEXTURE_RECTANGLE?我计划将它用于 2D 图形以支持非二次幂图像。我当前的实现使用 alpha=0 填充的 POT 纹理,对于拉伸(stretc
我需要在具有 PowerVR SGX 硬件的 ARM 设备上实现离屏纹理渲染。 一切都完成了(使用了像素缓冲区和 OpenGL ES 2.0 API)。唯一 Unresolved 问题是速度很慢glR
这是一个奇怪的事情。我有一个片段着色器,据我所知只能返回黑色或红色,但它将像素渲染为白色。如果我删除一根特定的线,它会返回我期望的颜色。它适用于 WebGL,但不适用于 Raspberry Pi 上的
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
GLSL ES最多可以编译多少个程序?所以假设我创建了 100 个片段着色器,每个都有不同的效果。所以在运行时我编译所有这些并动态地我用 glUseProgram 交换它们。我假设每次我编译一个新的
我正在尝试使用顶点缓冲区对象来绘制圆,并在 iPhone 上的 OpenGL ES 2.0 中启用 GL_POINT_SMOOTH 来绘制点。 我使用以下 ES 1.0 渲染代码在 iPhone 4
为什么在 OpenGL ES 1.x 中缩放(均匀)对象会导致对象变轻? 更有意义的是它会更暗,因为法线被缩小是否也会使对象更暗?但由于某种原因,物体变轻了。当我放大时,对象变得更暗。在我看来,这应该
我正在尝试通过移植 some code 在 iOS 上的 OpenGL ES 2.0 中获得一些阴影效果。来自标准 GL。部分示例涉及将深度缓冲区复制到纹理: glBindTexture(GL_TEX
所以我正在使用 2D 骨骼动画系统。 有 X 个骨骼,每个骨骼至少有 1 个部分(一个四边形,两个三角形)。平均而言,我可能有 20 块骨头和 30 个部分。大多数骨骼都依赖于父骨骼,骨骼会每帧移动。
我在使用 ES 着色器时遇到了一些晦涩难懂的问题,而且我现在几乎没有想法了。 这是一些代码: .. precision mediump float; .. #define STEP (1f/6f) 5
我是一名优秀的程序员,十分优秀!