Have a project in mind?Start a project

Added on Jun 29, 2026

ThreeJS Recorder | Demos | Faraz Shaikh

ThreeJS Recorder | Demos | Faraz Shaikh

ThreeJS Recorder | Demos | Faraz Shaikh

Share this project

About

ThreeJS Recorder is a demo by Faraz Shaikh that captures a Three.js canvas as video. A white armored trooper dances on a soft grey stage, and two buttons in the corner read Start Recording Video and Capture Image. Recording uses the MediaRecorder API to save the canvas as a WebM file, and navigator.share hands it to the device. The demo also shows a trick for iOS, where saving the WebM as .mp4 lets you share it straight to social media. You can drag to orbit the character while it dances, and the lighting shifts from grey to warm.

Submitted by

mesh3d

More sites like ThreeJS Recorder | Demos | Faraz Shaikh, every week

Terms & Privacy
Share this project

© All content, screenshots, and screen recordings are the property of their respective owners.

Sit your work next to Suyog Dixit, Studio 28K, and the rest.

We're always looking to feature fresh, creative work that pushes what's possible on the web.

The best of 3D web,
in your inbox

Terms & Privacy