https://github.com/koji/shadertoyrecorder
A Google Chrome extension that can record ShaderToy video with 3 clicks
https://github.com/koji/shadertoyrecorder
chrome-extension shadertoy
Last synced: about 1 month ago
JSON representation
A Google Chrome extension that can record ShaderToy video with 3 clicks
- Host: GitHub
- URL: https://github.com/koji/shadertoyrecorder
- Owner: koji
- Created: 2025-06-11T06:31:11.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-12T04:47:38.000Z (4 months ago)
- Last Synced: 2025-06-12T05:36:51.845Z (4 months ago)
- Topics: chrome-extension, shadertoy
- Language: JavaScript
- Homepage: https://x.com/0xkoji/status/1932685605990719773
- Size: 2.93 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ShaderToy Canvas Recorder
A Chrome extension that allows you to capture and record the canvas from ShaderToy shaders. This tool is perfect for content creators, educators, and anyone who wants to save or share their favorite ShaderToy creations.
## Features
- Record ShaderToy canvas directly from the browser
- Simple and intuitive user interface
- Works with any ShaderToy shader
- High-quality recording output
## Sample
Check out this example of a recorded ShaderToy shader: [ShaderToy Recording Example](https://x.com/0xkoji/status/1932685605990719773)
## Installation
### Method 1: Load Unpacked Extension (Developer Mode)
1. Download or clone this repository to your local machine
2. Open Chrome and navigate to `chrome://extensions/`
3. Enable "Developer mode" in the top right corner
4. Click "Load unpacked" and select the `shadertoy-recorder` folder from this repository
5. The extension should now be installed and visible in your Chrome toolbar
### Method 2: From Chrome Web Store (Coming Soon)
_Note: The extension is currently only available through manual installation._
## Usage
1. Navigate to any ShaderToy shader (e.g., https://www.shadertoy.com/view/*)
2. Click the ShaderToy Canvas Recorder extension icon in your Chrome toolbar
3. Use the popup interface to start/stop recording
4. Your recorded video will be saved to your downloads folder
## Requirements
- Google Chrome browser
- ShaderToy website access
- Sufficient disk space for video recording
## Permissions
This extension requires the following permissions:
- `scripting`: To interact with the ShaderToy canvas
- `activeTab`: To access the current tab's content
- `desktopCapture`: To capture the canvas content
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the MIT License.
## Support
If you encounter any issues or have suggestions, please open an issue in the repository.