Skip to content
Interactive hoverboard prototype using JavaScript and WebSockets
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 71bbcc1 Jul 2, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public change speed and add details to README Jul 2, 2019
.DS_Store First commit Dec 13, 2018
.gitignore first commit Jun 30, 2019
LICENSE.md first commit Jun 30, 2019
README.md update link Jul 2, 2019
hvbrd.gif add details to README Jul 1, 2019
package.json clean up a bit Jul 1, 2019
server.js clean up a bit Jul 1, 2019

README.md

HVBRD (v2 with web sockets)

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.

Demo

demo gif

Try it live here: http://bit.ly/hvbrd

Resources:

Tech stack

  • HTML / CSS
  • (Vanilla) JavaScript
  • DeviceOrientation Web API
  • Three.js
  • Node.js w/ socket.io

Current commands

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.

Running locally

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.

You can’t perform that action at this time.