Hidden-Line Wireframe Screensaver
The Hidden-Line Wireframe screensaver draws rotating solids as edges only, but with the rear edges correctly hidden behind the faces in front of them. It runs in the browser with nothing to install; press ESC to exit.
How the Hidden-Line Wireframe screensaver works
The saver renders with three.js on your GPU. The library is vendored into this site rather than fetched from a CDN, and is loaded only when a 3D screensaver actually runs.
It reads nothing external — generated and rendered in the browser with three.js.
The scene resizes with the window and releases its WebGL context when the saver stops, so shuffle mode and Multi-view can cycle 3D savers without exhausting the browser's context limit.
If WebGL is unavailable the saver says so on screen rather than showing an empty black box.
A worked example
Each shape is drawn twice: once as opaque faces in exactly the background colour, and once as its edges. The invisible fill writes to the depth buffer, so any edge behind a surface fails the depth test and never appears. The result is a wireframe that reads as a solid object rather than a transparent cage, and it cycles through a knot, an icosahedron, a torus and others.
Settings & tips
- Accent and Background recolour the scene; Speed changes the pace of both the motion and the camera.
- Add it to a Multi-view grid, though 3D savers are heavier than the 2D ones and a few per screen is plenty.
- Press ESC at any time to leave fullscreen.
Frequently asked questions
- Why is hiding lines hard?
- Because it is a visibility problem, not a drawing problem. Sorting shapes back-to-front works for separate objects but fails for a single object whose own front hides its own back. Using a depth buffer solves it per pixel.
- Why does the fill match the background?
- So it is invisible while still occupying depth. You see only the edges, but the solid is genuinely there as far as the renderer is concerned.
- Does this need a special browser or plugin?
- No. It uses WebGL, which every current desktop and mobile browser supports. Nothing is installed and no plugin is required.
- Does it cost anything or need an account?
- No. Every screensaver here is free, runs in the browser and needs no sign-up.