6 ms·

Recreating the Doctor Who Time Tunnel in GLSL

119 points by roywiggins 10y ago

madengr 10y ago
So whose face is in the effect just after the Dr. Who logo appears in the tunnel? Watch for it in the upper left of the tunnel.
roywiggins 10y ago
P.S. I wasn't sure if this should be a Show HN, because it's a blog post, though it's got code to play with.
- coryrc 10y ago
  It's for posting your own cool thing, so it could be. Doesn't hurt anything without though.
basicplus2 10y ago
the original was done by pointing a camera at a monitor using the hall of mirrors effect
- roywiggins 10y ago
  My understanding is that the first intro sequence[1] was done that way, with analog video feedback, but for the Fourth Doctor's intro they were using slit-scan. [1] https://www.youtube.com/watch?v=75V4ClJZME4 https://www.youtube.com/watch?v=75V4ClJZME4 ED: just realized that's probably what you meant by "original." Oops. Yeah, that's right. In camera effects!
- jccalhoun 10y ago
  http://www.radiotimes.com/news/2013-11-11/meet-bernard-lodge-the-man-behind-the-doctor-who-titles http://www.radiotimes.com/news/2013-11-11/meet-bernard-lodge...
bobajeff 10y ago
This was pretty neat and works on my Nexus 6: https://www.shadertoy.com/view/4dtSWS https://www.shadertoy.com/view/4dtSWS
- dTal 10y ago
  Really? Damn. Brings Firefox to its knees on my machine.
  - azdle 10y ago
    Funny, it's smooth as butter in Firefox on my Nexus 5X.
  - gpm 10y ago
    Works great on my machine: Firefox, Arch Linux, on-cpu graphics (i3-5020u)
  - witty_username 10y ago
    Works at nearly 60 fps on my 50$ APU using Chrome on Linux.
  - roywiggins 10y ago
    It's down to hardware & driver support, I think. The post doesn't work well at all on my Moto G, and I don't know why. The texture generation doesn't work right and the animation fails completely, and I haven't tried to debug it yet, because probably it's only that particular device that has whatever particular bug it is.
  - erelde 10y ago
    WebGL crashes on Chrome on my Nexus 5 (2013). Funny how that works.
  - tolle 10y ago
    Works like a charm in Safari on iOS and macOS.
fennecfoxen 10y ago
Now try recreating the Steins;Gate introduction in 8-bit pixel graphics. https://www.youtube.com/watch?v=Z3vRheJlpeE https://www.youtube.com/watch?v=Z3vRheJlpeE (side by side: https://www.youtube.com/watch?v=f8YH-1ljDDk https://www.youtube.com/watch?v=f8YH-1ljDDk )
NoGravitas 10y ago
There are several tunnel effects in the XScreensaver collection and rss-glx (timetunnel, atunnel, blocktube, hufo's tunnel). I don't know if any of them use this same approach. Maybe Hufo's tunnel does, it looks similar.
carbeewo 10y ago
I built a very simple Doctor Who inspired WebGL game a while back. If I had known how simple this effect was I'd have included it! The (terrible) code is on GitHub if anybody wants to remix it: https://github.com/mattfran/developer-who https://github.com/mattfran/developer-who

119 points by roywiggins 10y ago

So whose face is in the effect just after the Dr. Who logo appears in the tunnel? Watch for it in the upper left of the tunnel.

roywiggins 10y ago

P.S. I wasn't sure if this should be a Show HN, because it's a blog post, though it's got code to play with.

coryrc 10y ago
It's for posting your own cool thing, so it could be. Doesn't hurt anything without though.

basicplus2 10y ago

the original was done by pointing a camera at a monitor using the hall of mirrors effect

roywiggins 10y ago
My understanding is that the first intro sequence[1] was done that way, with analog video feedback, but for the Fourth Doctor's intro they were using slit-scan. [1] https://www.youtube.com/watch?v=75V4ClJZME4 https://www.youtube.com/watch?v=75V4ClJZME4 ED: just realized that's probably what you meant by "original." Oops. Yeah, that's right. In camera effects!
jccalhoun 10y ago
http://www.radiotimes.com/news/2013-11-11/meet-bernard-lodge-the-man-behind-the-doctor-who-titles http://www.radiotimes.com/news/2013-11-11/meet-bernard-lodge...

bobajeff 10y ago

This was pretty neat and works on my Nexus 6: https://www.shadertoy.com/view/4dtSWS https://www.shadertoy.com/view/4dtSWS

dTal 10y ago
Really? Damn. Brings Firefox to its knees on my machine.
- azdle 10y ago
  Funny, it's smooth as butter in Firefox on my Nexus 5X.
- gpm 10y ago
  Works great on my machine: Firefox, Arch Linux, on-cpu graphics (i3-5020u)
- witty_username 10y ago
  Works at nearly 60 fps on my 50$ APU using Chrome on Linux.
- roywiggins 10y ago
  It's down to hardware & driver support, I think. The post doesn't work well at all on my Moto G, and I don't know why. The texture generation doesn't work right and the animation fails completely, and I haven't tried to debug it yet, because probably it's only that particular device that has whatever particular bug it is.
- erelde 10y ago
  WebGL crashes on Chrome on my Nexus 5 (2013). Funny how that works.
- tolle 10y ago
  Works like a charm in Safari on iOS and macOS.

fennecfoxen 10y ago

Now try recreating the Steins;Gate introduction in 8-bit pixel graphics. https://www.youtube.com/watch?v=Z3vRheJlpeE https://www.youtube.com/watch?v=Z3vRheJlpeE (side by side: https://www.youtube.com/watch?v=f8YH-1ljDDk https://www.youtube.com/watch?v=f8YH-1ljDDk )

NoGravitas 10y ago

There are several tunnel effects in the XScreensaver collection and rss-glx (timetunnel, atunnel, blocktube, hufo's tunnel). I don't know if any of them use this same approach. Maybe Hufo's tunnel does, it looks similar.

carbeewo 10y ago

I built a very simple Doctor Who inspired WebGL game a while back. If I had known how simple this effect was I'd have included it! The (terrible) code is on GitHub if anybody wants to remix it: https://github.com/mattfran/developer-who https://github.com/mattfran/developer-who