Making an interactive hoverboard game using JavaScript and web sockets.

Hoverboard web-based game

Back story

Demo

How does it work?

What this tutorial is about:

Material needed:

Tech stack:

Step 1: Setup the Node.js server and web sockets

Express.js server

Step 2: Getting and streaming orientation data

Streaming orientation data from the mobile phone

Step 3: Listen to the orientation data in the game

Getting orientation data

Step 4: Setting up the game

Loading the libraries

scripts

Creating a 3D scene

Setting up a basic scene
Setting up lights

Generating a terrain

Setting up the main plane
Making the generative terrain

Loading 3D models

Loading the skateboard 3D model
Setting up the obstacle model

Making it interactive

Move the hoverboard with orientation data

Software developer, creative coder and tinkerer of things.