webgpu based frame graph

examples

libktx

https://github.khronos.org/KTX-Software/ktxjswrappers/libktx_js.html

npm install pipegpu.graph --save-dev

source render build

pipegpu render to target code sample:

    const renderLoop = () => {
        ctx.refreshFrameResource();
        const encoder = ctx.getCommandEncoder();
        holder.build(encoder);
        ctx.submitFrameResource();
        requestAnimationFrame(renderLoop);
    };
    requestAnimationFrame(renderLoop);

modules

frame graph

• [x] BaseGraph
• [x] OrderedGraph

shader graph

• [x] BaseSnippet
• [x] BaseComponent
• [ ] DepthClearComponent
• [ ] DepthCopyComponent
• [ ] DownSamplingComponent
• [ ] HardwareRasterizationShader
• [ ] InstanceCullingComponent
• [ ] MeshletCullingComponent
• [ ] ReprojectionComponent
• [ ] ReuseVisibilityBufferComponent

• [x] DebugSnippet
• [x] DepthTextureSnippet
• [x] FragmentDescSnippet
• [x] IndexedIndirectSnippet
• [x] IndexedStorageSnippet
• [x] IndirectSnippet
• [x] InstanceDescSnippet
• [ ] MaterialDescSnippet
• [x] MaterialPhongSnippet
• [x] MeshDescSnippet
• [x] MeshletSnippet
• [x] PointLightSnippet
• [x] StorageArrayAtomicU32Snippet
• [x] StorageArrayU32Snippet
• [x] StorageAtomicU32Snippet
• [x] StorageI32Snippet
• [x] StorageIndexSnippet
• [x] StorageU32Snippet
• [x] StorageVec2U32Snippet
• [x] Texture2DArraySnippet
• [x] Texture2DSnippet
• [x] TextureSamplerSnippet
• [x] TextureStorage2DR32FSnippet
• [x] VertexSnippet
• [x] ViewPlaneSnippet
• [x] ViewProjectionSnippet
• [x] ViewSnippet
• [x] VisibilityBufferSnippet