React hook for adaptive quality management
Automatically monitors FPS and adjusts quality settings. Returns current quality level and settings.
Whether adaptive quality is enabled
Whether device is mobile (stricter thresholds)
Optional
Callback when quality level changes
Current quality settings
function CombatScene({ isMobile }) { const quality = useAdaptiveQuality(true, isMobile, (level) => { console.log(`Quality changed to ${level}`); }); return ( <Canvas shadowMap={{ size: quality.shadowMapSize }}> <ParticleSystem maxParticles={quality.maxParticles} /> </Canvas> );} Copy
function CombatScene({ isMobile }) { const quality = useAdaptiveQuality(true, isMobile, (level) => { console.log(`Quality changed to ${level}`); }); return ( <Canvas shadowMap={{ size: quality.shadowMapSize }}> <ParticleSystem maxParticles={quality.maxParticles} /> </Canvas> );}
React hook for adaptive quality management
Automatically monitors FPS and adjusts quality settings. Returns current quality level and settings.