don't multiply canvas size with devicePixelRatio

[toloudis]

Use Case

Some users on older hardware experience slowness.
Hypothesizing that rendering fewer canvas pixels can help. This goes on the assumption that visual display resolution would be high enough without needing every native device pixel.

Solution

Allow an option (advanced settings) to reduce canvas's internal rendering size by devicePixelRatio. This is a threejs webgl configuration setting. See

vole-core/src/ThreeJsPanel.ts

Line 171 in ccf761a

this.renderer.setPixelRatio(window.devicePixelRatio);

Test performance increase on low end and high end laptops for both macos and pc. Also test visual quality difference. If we feel good about it on all devices, then we can default to the lower res setting and get performance win.

Alternatives

Bonus: detect low performance (how??) and automatically switch canvas resolution.

[jennifermccarty]

Dan - Potential optimization ticket. Great candidate to test when we work on optimizations.