My goal is to create a 600x600 pixel plane, but so far I have only been able to achieve an asymmetric plane in black like the one shown in this picture: asymmetric plane
I attempted to switch to a combined camera and use orthographic mode by implementing the following code:
signals.windowResize.add( function () {
if (camera.inPerspectiveMode) {
camera.cameraP.aspect = container.dom.offsetWidth / container.dom.offsetHeight;
camera.cameraP.updateProjectionMatrix();
}
else {
camera.cameraO.left = window.innerWidth / -2;
camera.cameraO.right = window.innerWidth / 2;
camera.cameraO.top = window.innerHeight / 2;
camera.cameraO.bottom = window.innerHeight / -2;
camera.cameraO.updateProjectionMatrix();
}
renderer.setSize(container.dom.offsetWidth, container.dom.offsetHeight);
render();
} );
Despite my efforts, the issue still persists. I also attempted to adjust the pixelRatio without any success. Do you recommend changing the camera's FOV, aspect, canvas size, or do you have any other solutions? Any input would be greatly appreciated. Thank you, Dan