Record react-three-fiber scenes with ccapture.js
Notes
- Gif format doesn't work yet
Usage
Check a simple example on codesandbox
react-three-fiber
canvas:
1️⃣ bind useCapture to your import useCapture from "use-capture"; { const bind startRecording = ; return <> <Canvas // 💡 = = > /* 💡 not having a clear color would glitch the recording */ <color ="background" = /> <Scene = /> </Canvas> ;}
startRecording
function
2️⃣ call the <button => ⏺️ Start Recording </button>
Your file will start downloading as soon as it's done.