Recently, I transformed my codepen project into a fully functional website. However, I have encountered an issue where the performance is significantly slow when viewed on the Chrome browser of my Nexus 5X phone. Interestingly, the problem resolves itself when I switch to landscape mode or when I view the CodePen directly.
I have experimented by adjusting the width and height settings, attempting to troubleshoot a potential screen or window height issue. Despite reducing the height substantially, the performance remains unchanged.
If there is anyone knowledgeable in the realms of webgl or three.js, could you kindly shed some light on this perplexing situation?
function init() {
scene = new THREE.Scene();
height = window.innerHeight;
width = window.innerWidth;
aspectRatio = width / height;
// ...
}