ThreeOverlay Demo

ThreeOverlay is a system that overlays a 3D rendering canvas onto web pages.

Instructions

Download the template and modify it to create your ideal webpage ornaments and buddies.

How it works

ThreeOverlay creates a transparent canvas that spans your webpage, allowing you to render dynamic 3D elements inline with your text.

Specific locations and features of your page will be injected into the 3D space as interactable elements via a bidirectional mapping.

Keymappings

Controller Button	Keypress
Up	w
Left	a
Down	s
Right	d
A	Space
B	Shift
Start	Enter

These keymappings aren't used, but provide extra flavor to this page.

Open Source

The source code to ThreeOverlay is available under the MIT License at Github.

Credits

ThreeOverlay is based on three.js, and Skeleton.css.

Raw Events

ThreeOverlay Events will appear here upon connection.