Interactive Story in WebVR

Hey all,

@sneha-belkhale and I made a story based WebVR experience using Threejs and A-Frame. We hadn’t seen any other narrative experiences in WebVR before, so we thought it would be interesting to see what’s possible in this domain.

The experience is a short (5 minute) piece based on the book Three Body Problem. You interact with a scholar on Trisolaris, a planet in the chaotic orbit of three suns.

You can check it out at .

We’ve tested on Oculus Go, Chrome, Safari, iOS, and Android. Any feedback is appreciated.


How do you follow the guy ?

Very nice. What technique did you use to get that masked persons cloth to animate so well?

1 Like

WASD on Chrome + Trackpad Down on Oculus. Ah, and on mobile we have not implement mover controls… were you testing on mobile?

We did the cloth simulation in Houdini, and then brought it over to web by storing vertex positions over time in a texture. I made a post about the technique earlier if you’re interested :slight_smile:

1 Like

Oh wow, definitely checking that out!

And what is the solution with starry sky, as there was strange result with GTX cards? The shader worked okay on my built-in Intel, but had exactly these strange artifacts on GTX 1060. Now everything looks just great on both GPU. Could you clarify, if it’s not a secret, of course :slight_smile:

1 Like

Right, so I didn’t have a way to reproduce and debug these artifacts – since I only have a mac to work with – so I just went with a starry texture and some processing in the shader.

I still want to look into this bug though, just need to get access to some hardware :slight_smile:

1 Like