# 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)