webgpu之旅04

继续继续

319854902 319854902 319854902 319854902 webgpu交Q流群

webgpu之旅04_第1张图片
首先准备好绘制到屏幕所需的这个descriptor
if rendertarget
this._textures.initRenderTarget( renderTarget );
来看一下这个函数里面会做什么
webgpu之旅04_第2张图片
renderTargetProperties是这个target的properties
创建一个color texture,然后如果depth需要,也会创建一个depth texture
renderTargetProperties.colorTextureGPU = colorTextureGPU;
renderTargetProperties.depthTextureGPU
renderTargetProperties.initialized = true;
没了
也就是说,看起来只有一个color输出
如果没有FBO,情况就比较朴素
webgpu之旅04_第3张图片
接下来,更新环境贴图,雾,背景色,tone mapping,主要就是更新background
然后这里才进入正戏
// start render pass
在这里插入图片描述
这里看起来确实只支持一个output,整个Descriptor并没有更新多个color attachments
然后setViewport,setScissorRect
在这里插入图片描述
renderObjects里就会到renderObject
然后pipeline和bindgroup的粒度看起来都是object
在这里插入图片描述
在这里插入图片描述
接下来就bind vertexbuffer
然后draw,就结束了

webgpu之旅04_第4张图片

319854902 319854902 319854902 319854902 webgpu交Q流群

你可能感兴趣的:(webgpu)