This demo is great, so I hate to be a party pooper, but this is not how it'll look if you are actually travelling near the speed of light at all!<p>For example, you'd see stars concentrate more near the direction you are heading with substantial blue shift, and not a whole lot on your side.<p>At the subjective speed in this demo, the blue shift would be so much and the light cone so narrow that you'll probably just see one dot in the center and pitch black everything else.<p>I think a physically accurate depiction of how it'll actually look if you are traveling near the speed of light would be very cool.
Source image that's used: <a href="http://s.cdpn.io/18515/PIA09959-1280x800.jpg" rel="nofollow">http://s.cdpn.io/18515/PIA09959-1280x800.jpg</a> It covers four rectangular walls and just shifts the Z closer and closer to you. And meanwhile does an opacity swap to a second set so it can do it infinitely.<p>Full unminified CSS: <a href="http://codepen.io/noahblon/pen/GKflw" rel="nofollow">http://codepen.io/noahblon/pen/GKflw</a><p>Pretty simple.
Outstanding.I felt as if I was warping through space in Eve Online! In all seriousness, amazing demo. Well done.<p>Off-topic but interested: It doesn't display correctly in Firefox (only renders a small segment of the space warp). Why is this?
There is an optical illusion happening as a by product of this demo! the "div" that separates the demo pane with the CSS, JS and HTML code pane looks slightly bent!
Same kinda concept to create a shelf 3D effect : <a href="http://codepen.io/chriscoyier/pen/gGiAE" rel="nofollow">http://codepen.io/chriscoyier/pen/gGiAE</a>