gecko-dev
gecko-dev copied to clipboard
CSS VR Performance issues
I created this planetarium demo to test performance:
http://swimminglessonsformodernlife.com/cssVR/perfTest/
- You should see a star counter in the middle of your field of view (press ‘z’ if you don’t to zero head orientation)
- The number of stars starts at 100. Head tracking works well.
- Press ’s’ to add 100 stars. Observe how performance degrades. On my machine, the demo is already unusable with 300 stars. Passed 1000 the browser hangs and I have to kill it because I cannot even close the tab.
I’m on OSX 10.9.4 - Macbook PRO Retina 13” - 8GB RAM - 3GHz Intel Core i7 - Intel HD Graphics 4000
Each star is just one 2px X 2px DOM element with white background.
.star { width: 2px; height: 2px; background-color: white; border-radius: 50% }
@dmarcos I believe the correct URL is now http://swimminglessonsformodernlife.com/cssVR/examples/perfTest/ but the "s" key no longer generates new stars.