Inspiration

We wanted to provide an affordable and accessible way for educators and students to access and create VR content. We feel that VR is a revolutionary technology and that it could easily benefit digital classrooms and presentations.

What it does

It provides an online editor for instructors to upload 3d models and organize them into visual scenes. They then broadcast these scenes to their students through a mobile accessible VR web app.

How we built it

We used Three.js for the mobile VR frontend, socket.io for live scene data transmission, node.js for the server backend and storing scene objects, and jQuery/MD Bootstrap for the designer UI.

Challenges we ran into

One of our main challenges was properly syncing and positioning all the models with their properties between the designer interface and the VR web application. Getting the web application to update and make changes live was a challenge, as well as proper file uploads for 3d models.

Accomplishments that we're proud of

We have successfully managed to create an application that allows for instructors to design VR scenes and broadcast them live in an accessible manner. While at times we ran in to hiccups, every single feature currently included in the application works with 0 hard coded things in our application. We did all of this while learning and using three.js for the first time.

What we learned

How to use three.js, how to upload files with node.js, how to sync data between a three.js scene and a web app over socket.io, how to

What's next for OdinVR

More features possibly such as keyframe animations, remote text to speech, more customization options for scenes, scheduled presentations.

Share this project:
×

Updates