69 lines
2.6 KiB
Markdown
69 lines
2.6 KiB
Markdown
# Doodleloop
|
|
|
|
Turn a photo of a drawing into a looping animated GIF in under a minute — all in your browser, with no app, account, or upload.
|
|
|
|
## What is Doodleloop?
|
|
|
|
Doodleloop is a free web-based tool that lets you animate drawings and photos instantly. Simply drop in an image, pick a motion style, and export a looping animated GIF — all processed locally in your browser with canvas. Nothing leaves your device.
|
|
|
|
## Who is it for?
|
|
|
|
Doodleloop is designed for parents who want to share their child's artwork in a more dynamic way, teachers looking to bring student creations to life, and anyone who wants to add motion to their drawings without complex software.
|
|
|
|
## How to use it
|
|
|
|
1. Visit [Doodleloop](https://teahubxyz.github.io/time/ventures/doodleloop/)
|
|
2. Drag and drop a photo of a drawing or click to upload
|
|
3. Select a motion style (ink ripple, Van Gogh swirl, watercolor bleed, etc.)
|
|
4. Adjust intensity and speed sliders to your preference
|
|
5. Click "Export GIF" to download your animated creation
|
|
|
|
## Features
|
|
|
|
- **No installation required** - Runs entirely in your browser
|
|
- **Privacy focused** - All processing happens locally, nothing is uploaded
|
|
- **Dozen motion styles** - From subtle ripples to dramatic animations
|
|
- **Customizable** - Intensity and speed sliders for fine-tuning
|
|
- **Instant preview** - See your animation in real-time
|
|
- **Free to use** - No payment or registration needed
|
|
|
|
## Honest limits
|
|
|
|
- No custom motion paths yet (coming in Studio)
|
|
- Only exports GIF (WebM optional)
|
|
- No saved projects
|
|
- No batch processing
|
|
- HD/4K export not available in free version
|
|
|
|
## Next version: Doodleloop Studio
|
|
|
|
For families and teachers who want more control, Doodleloop Studio will offer:
|
|
|
|
- Custom motion paths
|
|
- Batch animation of multiple drawings
|
|
- HD/4K export options
|
|
- Print-ready stills
|
|
- Saved projects
|
|
|
|
Join the early access list on the website - founding price locked in for life!
|
|
|
|
## Technical details
|
|
|
|
Doodleloop uses modern web technologies including:
|
|
|
|
- HTML5 Canvas for image processing
|
|
- JavaScript for animation logic
|
|
- Responsive design for all devices
|
|
|
|
## Built with
|
|
|
|
This project rides on the shoulders of giants:
|
|
|
|
- [alchaincyf/huashu-art-motion](https://github.com/alchaincyf/huashu-art-motion) (3,381 stars)
|
|
- [wheresryan22/anatomy](https://github.com/wheresryan22/anatomy) (3,270 stars)
|
|
|
|
## Links
|
|
|
|
- [Live Demo](https://teahubxyz.github.io/time/ventures/doodleloop/)
|
|
- [GitHub Repository](https://teahub.xyz/teahubxyz/time)
|
|
- [Early Access Signup](https://teahub.xyz/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+Doodleloop&venture=doodleloop&plan=Studio+%E2%80%94+Founding+%28early+access%29) |