Gyrograms

A viewer for 360 spinning phone zoetrope displays.

Based on the Holopot 360 Display, but with a 4-sided Pepper's Ghost Pyramid to both reduce the RPM by 75% and enhance the brightness by 4x. Also using a 120hz iPhone 16 Pro, and its built-in Gyroscope for self-calibration of the rotation speed.

Early Prototype Footage: https://youtu.be/EXZ7FneS4tw

Early Prototype Assembly Close-up:

Building

This demo can either be run without building (in Chrome/Edge/Opera since raw three.js examples need Import Maps), or built with:

npm install
npm run build

After building, make sure to edit the index .html to point from "./src/main.js" to "./build/main.js".

Dependencies

• three.js (3D Rendering Engine)
• esbuild (Bundler)