WebGPURenderer: WebGPU backend unable to render shadows in first frame.

[Reinhard2019]

Description

Why doesn't the shadow appear properly in the first frame?

example:

https://jsfiddle.net/dzu5mqos/

first frame:

second frame:

Reproduction steps

Code

// code goes here

Live example

• jsfiddle-latest-release WebGLRenderer
• jsfiddle-dev WebGLRenderer
• jsfiddle-latest-release WebGPURenderer
• jsfiddle-dev WebGPURenderer

Screenshots

No response

Version

0.180.0

Device

No response

Browser

No response

OS

No response

[Mugen87]

As a workaround use compileAsync() before rendering the first frame: https://jsfiddle.net/vxwL7sq0/

[Mugen87]

Side not: Only the WebGPU backend is affected, WebGL is fine: https://jsfiddle.net/tzc8ar7b/

This could indicate some sort of timing issue because of the async nature of WebGPU.