threejs 的texture2DArray渲染流程

最新推荐文章于 2024-04-09 15:24:18 发布

ranran125

最新推荐文章于 2024-04-09 15:24:18 发布

阅读量1k

点赞数 1

分类专栏： three webgl

本文链接：https://blog.csdn.net/ranran125/article/details/106254810

版权

本文深入剖析了Three.js中Texture2DArray的渲染流程。从创建DataTexture2DArray开始，讨论了材质与uniforms的设置，特别强调在webglRender过程中，如何通过setProgram、updateMaterials和webglUniforms.upload()逐步执行纹理的创建、激活和绑定。最后，详细阐述了webglTextures如何处理纹理的初始化和更新，揭示了实际调用原生GL代码的时机。

摘要由CSDN通过智能技术生成

创建2d数组纹理
此时并没有真的去执行gl.createtexture(); 会有一个setValue => DataTexture2DArray

此时创建材质的时候每个uniform 的存入值都会有想对应的setValue 和构造函数
这些准备完以后,等再次进入webglRender 的时候会依次执行renderObject函数(渲染所有的对象)=>setProgram=>更新材质 =>webglUniforms.upload()=>遍历uniforms 找到对应的setValue的指向的构造函数,diffuse的texture的指向是setTexture2DArray()=>uploadTexture() 的init函数里边处理gl.createTexture();以及gl.activeTexture ,gl.bindTexture();