CSS VR Performance issues

[dmarcos]

I created this planetarium demo to test performance:

http://swimminglessonsformodernlife.com/cssVR/perfTest/

1. You should see a star counter in the middle of your field of view (press ‘z’ if you don’t to zero head orientation)
2. The number of stars starts at 100. Head tracking works well.
3. 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

[dmarcos]

Each star is just one 2px X 2px DOM element with white background.

.star {
width: 2px;
height: 2px;
background-color: white;
border-radius: 50%
}

[brianpeiris]

@dmarcos I believe the correct URL is now http://swimminglessonsformodernlife.com/cssVR/examples/perfTest/ but the "s" key no longer generates new stars.