Logo

Depth Index

A JavaScript package that turns z-index into physically realistic depth, using PoseNet.

Product image

Published At

Have you ever wanted your boring 2D web pages to have, like, one more dimension? Depth Index to the rescue. It's a rough experiment into adding more depth to your computer screen, by tracking your eyes. This probably ain't production ready, folks. Depth Index uses Tensorflow & the PoseNet model from Google, to track the position of your eyes and the distance between them. From that, it renders physically accurate parallax & scaling, based on your face distance from the screen and position.

Submitted By

Rupert Parry

Rupert Parry

Creative technologist at Google Creative Lab.