Scale CSS3DRenderer respect to WebGLRenderer

Ah, I just thought of a much easier approach. Simply scale down the entire CSS3DScene once:

cssScene = new THREE.Scene();
cssScene.scale.set(0.1, 0.1, 0.1);

And then you won’t have to mess with the camera on each frame.

Keep in mind that Firefox and Chrome render 3d transforms differently. These are both 12px font, but Chrome performs the 3D transform while maintaining vector fidelity, while Firefox converts to bitmap first, THEN performs the 3D Transform:

55%20PM
Chrome (left), Firefox (right)

This could be alleviated by using 120px font instead of 12px, and scaling down the scene even further.

5 Likes