Uniform buffers

spidersharma · November 1, 2019, 1:43pm

Hi All,

I wanted to port my diamond renderer to babylon js, as it supports the latest webgl 2
http://pixotronics.com/

One of the reasons is that with each diamond, I need to send a lot of uniforms, and that has become a bottleneck on webgl 1.
So, is the uniform buffer supported without me worrying much about that, or I need to do anything specific?
Are there examples of its usage?

Thanks!
Thanks!

Deltakosh · November 1, 2019, 2:50pm

WebGL2 is definitely a good choice for that. Uniform buffers will help a lot

I suggest that you have a look to the backgroundMaterial for instance:

github.com

BabylonJS/Babylon.js/blob/master/src/Materials/Background/backgroundMaterial.ts#L885


    "vReflectionInfos", "reflectionMatrix", "vReflectionMicrosurfaceInfos", "fFovMultiplier",



    "shadowLevel", "alpha",



    "vBackgroundCenter", "vReflectionControl",



    "vDiffuseInfos", "diffuseMatrix",

];



var samplers = ["diffuseSampler", "reflectionSampler", "reflectionSamplerLow", "reflectionSamplerHigh"];

var uniformBuffers = ["Material", "Scene"];



if (ImageProcessingConfiguration) {

    ImageProcessingConfiguration.PrepareUniforms(uniforms, defines);

    ImageProcessingConfiguration.PrepareSamplers(samplers, defines);

}



MaterialHelper.PrepareUniformsAndSamplersList(<IEffectCreationOptions>{

    uniformsNames: uniforms,

    uniformBuffersNames: uniformBuffers,

    samplers: samplers,

spidersharma · November 1, 2019, 6:19pm

@Deltakosh, Thanks for your suggestion!

Topic		Replies	Views
Improved WebGL 2 Performance Questions	1	322	April 11, 2023
Uniforms and UniformBuffers Questions	7	1393	March 23, 2022
Uniform Buffer Object (UBO) and WebGPU Questions	4	367	January 15, 2024
Texture sampler and non uniform control flow Questions shader , webgpu , postprocessing	3	678	June 1, 2024
WebGL warning: uniform1i: This uniform location corresponds to a different program Questions	13	1735	January 9, 2019

Uniform buffers

Related topics