Three.js: Firefox: incorrect viewport size: multiple views

The multiple view is not entirely drawn in full size; it is about 10% smaller than the window, with white space at the top and right. (See image below).

The problem relates to this Three.js example . From what I can tell, this is a combination:

  • Several types of viewing the same scene
  • Firefox
  • Setting up My WAMP

To confirm this, I did the following:

  • If I go to the link above, it works fine in both Chrome and Firefox.
  • Direct my browser to a copy of this example on my localhost WAMPSERVER installation, it displays correctly in Chrome, but not in Firefox.
  • It also displays correctly if I extract the above example to my hard drive and open it in Firefox or Crhome. (bypassing WAMP).
  • My project displays correctly if I show only one viewport of the scene. (Firefox and Chrome downloaded via WAMP on localhost).

This (obviously) has something to do with setting up my local WAMP host, which Firefox doesn't like, which interferes with the configuration of multiple views (as examples with one view work fine). Perhaps headlines or something like that.

Is this a problem with my code? Fire fox? Three.js? The bounty is approaching a better workaround. I would be happy to answer questions about my WAMP configuration or anything else if I can.

Thanks!

Left: not working. Right: it works. enter image description here

+4
source share

All Articles