We've done some neat interactivity, which is fantastic, although another big reason to use three.js directly is to do something rendering wise that React VR cannot do. Well, actually, React VR can do some amazing things through Native methods, so let's do exactly that.

First, let's change our cube from bouncing around to spinning as well. It'll look more impressive when we add some of the visual effects.

Let's also add a few spheres around. We'll want some things to reflect. I chose reflection as an impressive thing that you cannot really do in real time with WebVR currently, although we can do something really close to it through environment mapping. For a fairly long discussion of what environment mapping is, you can go to: http://bit.ly/ReflectMap. 

Add the following code to your existing index.vr.js, below the </VrButton>:

     <Sphere
      radius={0.5}
      widthSegments={20}
      heightSegments={12}
      style={{
        color: 'blue',
        transform...