in Vue use three.js 169.0 report texture bug

[lyh2]

Description

use three.js 0.169.0 WebGPURenderer not runing with report warning 👍 Texture size ([Extent3D width:20248, height:2048, depthOrArrayLayers:1]) exceeded maximum texture size ([Extent3D width:8192, height:8192, depthOrArrayLayers:256]).

• While validating [TextureDescriptor].
• While calling [Device].CreateTexture([TextureDescriptor]).

school:1 Texture size ([Extent3D width:20248, height:2048, depthOrArrayLayers:1]) exceeded maximum texture size ([Extent3D width:8192, height:8192, depthOrArrayLayers:256]).

• While validating [TextureDescriptor].
• While calling [Device].CreateTexture([TextureDescriptor]).

school:1 [Invalid Texture] is invalid.

• While calling [Invalid Texture].CreateView([TextureViewDescriptor]).

school:1 [Invalid Texture] is invalid.

• While calling [Invalid Texture].CreateView([TextureViewDescriptor]).

121[Invalid TextureView] is invalid.

• While validating colorAttachments[0].
• While encoding [CommandEncoder "renderContext_1"].BeginRenderPass([null]).
• While finishing [CommandEncoder "renderContext_1"].

121[Invalid CommandBuffer from CommandEncoder "renderContext_1"] is invalid.

• While calling [Queue].Submit([[Invalid CommandBuffer from CommandEncoder "renderContext_1"]])

school:1 [Invalid Texture] is invalid.

• While calling [Invalid Texture].CreateView([TextureViewDescriptor]).

school:1 [Invalid Texture] is invalid.

• While calling [Invalid Texture].CreateView([TextureViewDescriptor]).

10[Invalid TextureView] is invalid.

• While validating entries[2] as a Sampled Texture. Expected entry layout: {sampleType: TextureSampleType::Float, viewDimension: 2, multisampled: 0}
• While validating [BindGroupDescriptor "bindGroup_object"] against [BindGroupLayout (unlabeled)]
• While calling [Device].CreateBindGroup([BindGroupDescriptor "bindGroup_object"]).

121[Invalid BindGroup "bindGroup_object"] is invalid.

• While [Failed to format error message: "encoding %s.SetBindGroup(%u, %s, %u, ...)."].
• While finishing [CommandEncoder "renderContext_0"].

121[Invalid CommandBuffer from CommandEncoder "renderContext_0"] is invalid.

• While calling [Queue].Submit([[Invalid CommandBuffer from CommandEncoder "renderContext_0"]])

school:1 WebGPU: too many warnings, no more warnings will be reported to the console for this GPUDevice.

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

169

Device

Desktop

Browser

Chrome

OS

MacOS

[donmccurdy]

directionalLight.shadow.mapSize.set(20248, 2048)

I think this is a typo in your code, it's unlikely that your device will let you create textures this large. Perhaps you meant 2048x2048? For support in general, please use the following:

• stack overflow
• discord
• forum

[lyh2]

It's my mistake, sorry. write 2048 to 20248