Fix lost context

[haslinghuis]

Changes

• Fix calling render functions while disposed
• Do not double precision in renderer.setSize
• Fixes WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost #3821 (at least to seem to occur less frequently)
• See: https://stackoverflow.com/questions/25219352/webgl-scene-doest-render-because-of-lost-context

[haslinghuis]

Self - healing :)

Removed the class usage of Model in b6e36ac - as configurator was stuck on the [setup] tab when context was lost. Switching tab now seems to restore context as before.

[haslinghuis]

Already have tried to include import CanvasRenderer from 'three/examples/js/renderers/CanvasRenderer';

• https://stackoverflow.com/questions/54323838/how-to-fully-clean-up-the-context-and-canvas-in-three-js
• Proper way to release context of a renderer immediately? mrdoob/three.js#27100
• Fix PID tab #3399
• Allow opting out of forceContextLoss() pmndrs/react-three-fiber#1004 (comment)

[haslinghuis]

Found that after nulling the renderer object it was still trying to rotate on it. Mitigated and testing now.

CONTEXT_LOST_WEBGL after a hour. Switching tabs restores the rendering.

https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_lose_context

[HThuren]

I can't get any errors, and seems well done

[nerdCopter]

• i left 2813a543 running for over an hour on 2 FC/PC's. Xubuntu, no issue. Debian, blank screen similar to comment Fix lost context #3824 (comment) but without graphical grid background.

• awaiting new commits.

[haslinghuis]

Think adding event listeners to restore context would be over engineering here as switching tabs will restore context as overruns are halted now.

https://threejs.org/docs/#api/en/renderers/WebGLRenderer
https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_lose_context

[nerdCopter]

• 0f1dff74 no issues seen after 50 minutes, 2 FC/ 2 PC's.
• may need extended testing and testing other OS.

[haslinghuis]

No issues with HP Elite 840 Pro (Intel I5-4200U with16GB SODIMM and Samsung SSD 840 Pro 256GB) using MS Windows 10 Pro.

[haslinghuis]

Tested 90 minutes without issue. Only will remove the CSS change as the preview is too big for 1600x900

EDIT: Also rebased on master

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[github-actions]

Do you want to test this code? Here you have an automated build:
Betaflight-Configurator-Android
Betaflight-Configurator-Linux
Betaflight-Configurator-Windows
Betaflight-Configurator-macOS
WARNING: It may be unstable and result in corrupted configurations or data loss. Use only for testing!