Interactive hoverboard experiment using a mobile phone and web sockets.
The original version of this project was built using a Daydream controller. To make it accessible to more people, I've changed it to use a mobile phone to connect to the browser via web sockets.
Try it live here: http://bit.ly/hvbrd
-
Code also available on CodeSandbox
- HTML / CSS
- (Vanilla) JavaScript
- DeviceOrientation Web API
- Three.js
- Node.js w/ socket.io
After opening the link on mobile, place the phone on a skateboard and start tilting it from left to right to avoid obstacles.
There is no particular goal or point system at the moment.
After cloning this repo, run node server.js
, open your browser and visit localhost:3000
.
To be able to visit the mobile page, you'll probably need something like ngrok.
Once you have ngrok installed, you'll need to run ./ngrok http 3000
and, using the urls it will give you, visit /mobile
.