- 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/
我正在创建一个使用 tsParticles 的 Preact 组件库,但什么也没有出现。 我正在移植 React project但可能有些地方不兼容。 您可以在此处 checkout 组件:https
我试图为具有三的粒子提供速度和原点,但我无法添加原点 function getOrigin() { return new THREE.Vector3(Weapon.vehicle.posit
当用户单击任何粒子时,我希望它扩展和淡出,并且在与任何其他粒子碰撞时,该粒子也会扩展和淡出。现在我的问题是我想知道是否有一种方法可以让这些粒子(在本例中由构造函数制成)在碰撞时相互影响。链接至Code
http://www.mrspeaker.net/ 这个人制作了他的整个背景粒子,但我一直在 Inspect Element 中漫游以弄清楚他是怎么做到的,又不能。我不太确定它是如何完成的,有人知道他
这是我个人网站的存储库:https://github.com/flakpanzer40/flakpanzer40.github.io 您可能会注意到,我使用的粒子只是显示在我的名字、图片和描述下方。我
我在实现粒子 JS 时遇到了问题。我添加了两个 JS 文件,但在浏览器中没有得到任何输出。这是我的代码。 particles.js 最佳答案 您的 b
我正在尝试将粒子 js 设置为我网站的背景。我正在尝试应用这个: https://codepen.io/nikspatel/pen/aJGqpv 我尝试将其 css 设置为:position: fix
我正在尝试修改这个 Digiben 样本,以便获得从一个点(撞击点)产生并向上漂浮的粒子效果,有点像火的 Spark 。样本中的粒子在一个圆圈内旋转......我已经尝试删除余弦/正弦函数并将它们替换
我正在开发我的第一个游戏引擎,并尝试实现 GPU 粒子系统。我以前在 CPU 上实现过一个,但现在我正在努力提高它的效率。具体来说,我的问题是在一生中产生粒子。 由于我正在为粒子引擎处理帧缓冲区纹理,
我正在创建一个网络应用程序,该应用程序具有交互式背景,粒子会四处弹跳。在任何时候,屏幕上都有大约 200 个圆形粒子,最多大约 800 个粒子。为粒子运行的一些碰撞和效果是以下原型(prototype
我正在尝试让一些轨道物体留下痕迹。为此,我创建了一个粒子系统,其中包含三个几何体、三个点云和三个点云 Material : particleMaterial = new THREE.PointClou
如上所述,我正在使用 particles.js库,用于向我正在设计的网站上的 div 添加背景。 当页面加载时,正确的 div 将动画作为背景,但它总是开始得太“放大”。它似乎使用太大的默认屏幕尺寸,
我找不到是否可以限制粒子总数。 有什么办法吗? Particles.js Github 最佳答案 您可以修改 particles.js(第 750 行),在推送函数中添加额外的检查: /* -----
我正在尝试从主机ubuntu计算机上的远程Ubuntu计算机上运行CUDA粒子示例。 我遵循了本教程: http://devblogs.nvidia.com/parallelforall/remote
编辑嗨,我正在尝试实现粒子(或遗传)群优化。然而,我已经卡在第一步了…… 我对如何初始化粒子以及这些粒子(就代码而言)是什么感到困惑。 我已经找到了有关算法(单独)和实现的各种信息,但没有找到我想要的
我正在开发一个 2d android 策略游戏,它在 SurfaceView 上运行,所以我不能(或者我可以吗?)使用 LibGdx 的粒子系统。我想做一个下雨的效果,我的目标是这样的(http://
我正在使用粒子效果,它会到达您单击的位置并且不会停止。当我点击某个地方时,粒子就会相应地移动。然而,当我再次单击时,粒子开始越来越快地发挥其效果,我完全不明白为什么。我假设它在 SpellParent
好吧,我在 HTML 和 CSS 方面拥有丰富的经验,并且在 Javascript 方面也有一些经验(我可以编写基本功能并使用类似的语言进行编码)。 我正在寻找一些视觉项目,并且对进入粒子系统特别感兴
所以我有一些粒子(椭圆)在屏幕上跳来跳去。我试图让他们碰撞而不是互相超越。为了做到这一点,我必须循环遍历每个粒子,并将它与每个其他粒子的距离与嵌套在另一个 for 循环中的 for 循环进行比较,然后
我有使用 pygame 绘制的粒子和爆炸类。 爆炸代表一堆飞行的粒子。一个粒子最终会消失;当它的 ttl 属性变为 0 时,它不应该是可见的并且应该从 Explosion.particles 中移除。
我是一名优秀的程序员,十分优秀!