Giter Club home page Giter Club logo

matrix-vr's Introduction

Inside the Matrix VR

MIT website

This project is a fan remake of the iconic construct scene and the digital rain from The Matrix for WebVR. I wanted to experiment with VR on the web for some time. Then I found a cool collection of models from the film on Sketchfab which gave me the perfect excuse.

I have the Oculus Quest, and that's what I tested it on. Let me know if you run to any issues using other devices. If you don't have a headset, you can also run it in 360-mode.

Have an idea how to make this better? Submit an issue or make a PR.

Credits

In the construct, I used the incredibly detailed models by Rodrigo Villani and Sirenko available under CC-BY-4.0.

For the digital rain, I stole the msdf font and some other ideas from Rezmason's much more polished 2D version.

I also used sound effects by these awesome people:

The fonts are IBM Plex and Source Sans Pro.

And the rest of it is three.js which makes working with WebGL really way easier than it should be ๐Ÿš€.

Thank you all!

Future Work

  • Add support for controllers โ€” The original idea was to change the scene only after the user picks up the red pill. I didn't get around to it yet.
  • Randomise the digital rain more โ€” I was hitting some performance issues, but I'm pretty sure the shader could be improved to make the drops more random.
  • Test with more headsets โ€” It would be great to know whether this works on Vive/Rift/GearVR etc.
  • Anti-aliasing โ€” The renderer flag didn't work for me. The FXAA pass was giving me weird flickering results in VR, probably because of something stupid.
  • Refactoring โ€” The project came out of many hours of experiments within a single file called texture_shader.html. You can imagine, it took me a while to untangle :D. There's always more to be done...

Development

To get this working on your machine, clone the repo as usual and run yarn to install the dependencies. Run the following command to start a local server:

yarn serve

To generate a deployable build, run:

yarn build

I ended up bundling a slightly modified build of three.js with the project, mainly to make post-processing work in VR. If you see a weird issue, it's probably my fault.

Licence

The code in this repo is distributed under the MIT License. See LICENSE for details.

matrix-vr's People

Contributors

pazdera avatar 1div0 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.