WebGLBackend: Update viewport state

[sunag]

Related issue: #30313

Description

Update viewport using state after #30329

[github-actions]

📦 Bundle size

Full ESM build, minified and gzipped.

	Before	After	Diff
WebGL	339.53 79.09	339.53 79.09	+0 B +0 B
WebGPU	493.61 137.21	493.58 137.21	-34 B -2 B
WebGPU Nodes	493.08 137.1	493.05 137.1	-34 B +0 B

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

	Before	After	Diff
WebGL	465.41 112.16	465.41 112.16	+0 B +0 B
WebGPU	564.15 152.87	564.11 152.87	-35 B -3 B
WebGPU Nodes	519.53 142.45	519.5 142.44	-35 B -3 B

[Mugen87]

three.js/src/renderers/webgl-fallback/utils/WebGLState.js

Line 590 in 7b21022

const viewport = this._tempScissor.set( x, y, width, height );

Nit: The line should use _tempViewport and not _tempScissor. Unfortunately, not the root cause of our issue.

[sunag]

It's work for me now on Windows

[Mugen87]

Still no luck on macOS.

[Mugen87]

I've tried to integrate the latest changes in the XRManager but Quest browser reports this WebGL error:

[.WebGL-0x6a00132900]GL ERROR :GL_INVALID_OPERATION : glDrawElements: uniform buffers : buffer or buffer range at index 2 not large enough

Maybe the issue on macOS is related to this message.

In the XR demo webgpu_xr_cubes , no 3D objects get rendered so far during a XR session.

[Mugen87]

Merging this in the meanwhile to fix at least Windows devices and the CI.

[sunag]

I'm checking, it seems to be related to the pixel ratio

[RenaudRohlinger]

Oops sorry I missed that one. 🙇