# Wiggly Paint: How to Make Animated Doodles and GIFs for Free

Learn how to use the original Wiggly Paint, create animated doodles, export transparent GIFs, save projects, and avoid unofficial copies.

Canonical URL: https://aiidelist.com/blog/wiggly-paint

Language: en

Published: 2026-10-11

Updated: 2026-10-11

## Key Takeaways

- **Wiggly Paint (also written WigglyPaint)** is a free browser-based drawing tool created by John Earnest, known online as Internet Janitor. Every stroke animates automatically, so beginners can make moving doodles without drawing individual frames.
- Its distinctive effect is called **line boil**: three slightly different images cycle at approximately 12 frames per second, creating the lively wobble of hand-drawn animation.
- The original tool can export **animated GIFs**, including GIFs with transparent areas. It also supports custom five-color palettes, mirroring, canvas adjustments, and an editable offline HTML save.
- **Version 1.6, released April 6, 2026**, added easier canvas repositioning, improved mirroring controls, and touch-related refinements.
- The creator distributes the original through itch.io, his personal website, and Newgrounds. He says that similarly named websites and mobile apps are **not official releases**.

## What Is Wiggly Paint?

**Wiggly Paint is an online animated doodle maker** that turns ordinary drawing movements into continuously shifting lines. Select a brush, sketch a character or message, and the marks immediately appear to wiggle. No timeline, keyframes, or animation background is required.

The original was released in December 2023 as a project built with **Decker**, John Earnest's interactive multimedia creation environment. Its playful, retro interface shares some design DNA with classic creativity software such as Kid Pix, but the signature feature is automatic motion rather than static painting.

That distinction explains the appeal. In a traditional paint application, drawing a smiling face produces one still image. In Wiggly Paint, the same face becomes a tiny looping animation without any additional drawing.

The tool also found an audience beyond professional artists. In the creator's account of WigglyPaint's history, he describes how it spread through Asian art communities and grew from a small early audience to millions of users internationally. That statement describes historical reach, not a verified current monthly-user figure. As of October 11, 2026, the original itch.io listing showed a 4.9/5 rating from more than 2,300 ratings and over 4,200 public comments; those are engagement signals, not monthly active-user statistics.

## How Does the Wiggly Animation Work?

Wiggly Paint uses **line boil**, an animation technique in which slightly different versions of a drawn outline alternate to create subtle movement. It can make a stationary object feel energetic, nervous, playful, or alive.

According to the creator's technical explanation, the original program:

1. Maintains **three image buffers** representing slightly different versions of the drawing.
2. Processes drawing input across those buffers while varying details such as stroke-segment positions, brush shapes, and sizes.
3. Displays the three results in rotation at roughly **12 frames per second**.

The drawing responds to input separately from that displayed animation rate, so creating a stroke does not require manually producing 12 different drawings per second.

Three frames are an intentional design choice. Two can look harsh and jittery; adding many more has diminishing visual benefit for this specific effect. The result is not a character walking or a camera moving through a scene. It is a short, repeating visual texture applied to drawn marks.

**Why this matters:** Wiggly Paint removes most of the labor associated with traditional animation while preserving the irregularity that makes hand-drawn artwork recognizable.

## How to Use Wiggly Paint: Step-by-Step

The quickest way to start is through the original WigglyPaint page on itch.io.

1. **Open the original editor.** Select **Run tool** on the itch.io page. The program loads in the browser without requiring an account.
2. **Choose a drawing tool.** Try a line-art brush first. Different brushes produce different animated textures rather than merely changing line thickness.
3. **Draw a simple outline.** A face, flower, star, heart, or short handwritten phrase makes a useful first experiment. The lines begin moving as they are drawn.
4. **Add color with markers.** Wiggly Paint places marker colors beneath the line art automatically, helping outlines stay readable without a conventional layers panel.
5. **Customize the look.** Open **Options** to change the palette. Use **Mirror** for symmetrical strokes or **Alter** to crop, shift, flip, or otherwise adjust the composition.
6. **Export an animated GIF.** Choose the editor's **Export** control, save the file with a `.gif` extension, and open it to check the looping result.

For a first project, draw a face with a bold outline and add one or two contrasting marker colors. A simple composition is easier to evaluate than a crowded scene.

## Wiggly Paint Tools and Features Explained

| Feature | What it does | Best use |
| --- | --- | --- |
| Animated drawing brushes | Apply different automatically shifting stroke styles | Sketches, expressive outlines, and lettering |
| Five-color palette | Uses a line-art color, background color, and three marker colors at a time | Fast, cohesive color decisions |
| Custom colors | Lets users modify palettes; newer versions include slider-based color selection | Matching a character or mood |
| Marker-under-line-art behavior | Places filled marker strokes behind outlines | Coloring without covering important contours |
| Oops | Reverses the previous editing action, with a deliberately limited undo system | Fixing a recent stray stroke |
| Mirror | Mirrors new brushstrokes horizontally, vertically, or both | Faces, symbols, flowers, and symmetrical patterns |
| Alter | Provides cropping, uncropping, shifting, flipping, and color-inversion adjustments | Framing the final animation |
| Transparency Mask | Allows GIF exports with transparent regions | Reaction stickers and overlays |
| Decker editing tools | Make the underlying program customizable for adventurous users | Personalized brushes and experimental variants |

Two details make this interface unusual.

First, the **five-color restriction** is a creative decision rather than simply a technical shortcoming. Limiting choices helps beginners maintain a consistent visual style. Additional preset palettes and custom color controls give flexibility without turning the editor into a complicated design suite.

Second, Wiggly Paint does not pretend to be a full professional animation package. Its intentionally shallow undo history and simplified coloring system encourage quick experimentation. Users working on complex illustrations may prefer a program with standard layers and extensive revision history.

The version 1.5 changelog documents expanded brush shapes, palette sliders, and mirroring options. The version 1.6 changelog describes the redesigned Alter controls, canvas shifting, easier access to mirroring, and fixes for accidental navigation gestures.

## Seven Practical Tips for Better Wiggly GIFs

- **Start with a bold silhouette.** Thin, intricate details can become visually noisy when every line shifts. A recognizable shape makes the animation easier to read.
- **Use contrast deliberately.** Dark outlines against a light background, or the reverse, generally communicate motion more clearly than similar-valued colors.
- **Leave room around the subject.** Tight cropping may make moving edges feel cramped. Use Alter to frame the drawing only after reviewing the loop.
- **Let marker colors support the outline.** Color beneath line art instead of trying to recreate detailed shading. The limited palette is strongest when each color has a clear job.
- **Try symmetry, then break it.** Mirror is useful for building a consistent base, while small manually drawn differences can make a character feel less mechanical.
- **Check the exported GIF at actual display size.** A drawing that looks excellent in a large editor may become unreadable as a tiny chat sticker.
- **Preserve an editable copy before experimenting further.** A shared GIF is not a substitute for the original project.

A useful design principle is to animate **one clear idea**: a cheerful face, a flower vibrating in place, or a short word that appears to buzz. More detail does not automatically produce a better loop.

## How to Export a Transparent GIF

Wiggly Paint added **Transparency Mask** in version 1.1. This allows artists to create animations with transparent regions instead of a solid rectangular background.

To create one:

1. Open the original editor and draw the subject.
2. Go to **Options** and enable **Transparency Mask**.
3. Apply the setting and review which areas of the canvas are intended to be transparent.
4. Use **Export** to save the animated `.gif`.
5. Inspect the result against a contrasting background in a viewer that supports GIF transparency.

**Important format limitation:** GIF uses palette-based color and effectively on/off transparency, not the smooth partial-alpha edges available in formats such as APNG. Fine outlines can therefore appear jagged or show a slight halo when placed on a very different background.

For chat stickers and lightweight looping illustrations, GIF remains convenient. For soft-edged overlays or compositing, a tool that exports transparent animated PNG may be a better fit.

## How to Save a Wiggly Paint Project for Later

There are two different saving tasks, and confusing them is a common beginner mistake.

**Exporting a GIF** creates the finished animation for sharing. It does not preserve the full editing environment.

**Saving an editable standalone HTML file** keeps a version of the Decker-based program and its current project that can be reopened. In the original editor, use **File → Save As**, enter a filename ending in `.html`, and save it locally. The creator explicitly documents this workflow on the itch.io page.

The self-contained HTML format also allows **offline use**. Users can keep the file on their device instead of relying exclusively on a live website. Decker itself offers additional ways to open and modify projects.

Do not assume a browser tab will recover every unsaved change after a crash or accidental closure. Save an editable file during longer drawing sessions, then export a separate GIF when the artwork is ready.

## Can You Use Wiggly Paint on a Phone or Tablet?

Yes. The original Wiggly Paint lists **mouse and touchscreen input** and runs in a web browser. A tablet with a stylus is often more comfortable than a small phone screen because its larger drawing surface leaves more space for the tool controls.

There are trade-offs:

- **Desktop:** Better for precise cursor control and accessing the complete interface.
- **Tablet:** A comfortable compromise for freehand drawing and portable sketching.
- **Phone:** Useful for quick doodles, but the smaller canvas can make controls and fine details harder to manage.

The developer addressed touch-drawing issues in earlier releases and disabled certain accidental Decker navigation gestures in v1.6.

However, **a mobile app using the WigglyPaint name is not necessarily the original creator's product**. As of October 2026, the original itch.io page explicitly states that the creator has not published an official iOS or Android app. Browser access remains the straightforward way to use his original version on mobile.

## Wiggly Paint vs. Other Animation and Drawing Tools

Wiggly Paint is best understood as a rapid **animated sketching tool**, not a replacement for a comprehensive animation editor.

| Tool | Animation approach | Output and workflow | Best for |
| --- | --- | --- | --- |
| **Wiggly Paint** | Automatic three-buffer line boil | Animated GIF; editable HTML/Decker workflow | Free, immediate wiggly doodles |
| Shake Art DELUXE | Shaky, stylized strokes inspired by retro visual effects | Browser/Windows drawing with GIF export | Experimental jittery line art |
| Doodraw | Automatic animated brushes with adjustable effects | GIF, APNG, MP4; layers and mobile-focused controls | Transparent overlays and social video assets |
| FlipaClip | Traditional frame-by-frame animation | Timeline-based animation; video and GIF export | Character motion, storytelling, and animation practice |

These programs solve different problems. Wiggly Paint is especially effective when the desired result is **a static drawing that appears alive**. FlipaClip is more appropriate when objects need to change position, perform actions, or move through a sequence. Doodraw is an option for creators who need mobile-native controls, more conventional layers, or video export.

## Common Wiggly Paint Problems and Fixes

**The exported picture is not moving.** A screenshot, ordinary image export, or browser capture usually produces a still frame. Use Wiggly Paint's own **Export** button and verify that the downloaded file is a `.gif`. Some image viewers display only a preview frame, so open the file in a GIF-capable viewer.

**The GIF has an unwanted background.** Check whether **Transparency Mask** is enabled and applied before exporting. Also confirm that the editor is the original release; copies may move, rename, or omit controls.

**Undo does not go back far enough.** The original **Oops** control is intentionally limited to the previous edit, rather than a full multistep history. Save project checkpoints when planning more involved work.

**The drawing is cropped awkwardly.** Open **Alter** and adjust the canvas bounds. Version 1.6 can also un-crop to the maximum canvas and shift the contents before applying changes.

**Drawing on a touchscreen triggers the wrong gesture.** Start with the current original version, since v1.6 includes navigation-gesture refinements. A landscape orientation or larger device may also make the controls easier to use.

**A website asks for payment to unlock the original program.** Check the domain against the creator's official release page. The original Wiggly Paint is free; a third-party paid product should not be mistaken for an official version.

## Is Wiggly Paint Free, Open Source, and Official?

**The original Wiggly Paint is free**, and its creator has stated that it will remain free to use, modify, and keep. The itch.io listing identifies the **code license as MIT** and the **assets as CC0 1.0**.

Open-source licensing does not mean every similarly named site, app, download, or artwork gallery is endorsed by the original developer. A legitimate independent modification can exist, but it should be honest about its authorship and respect the rights of the artists whose work it displays.

This distinction is particularly important for Wiggly Paint. In a March 2026 warning, John Earnest described copycat websites and paid mobile listings that he says misrepresent their connection to the original project.

For the original experience, use the verified Internet Janitor itch.io listing. Avoid assuming that a domain containing the words 'wiggly' and 'paint' is affiliated with the creator.

## Frequently Asked Questions

### Is Wiggly Paint a game or a drawing app?

It is primarily a **creative drawing tool**, sometimes described as a drawing toy. There are no levels to beat or scores to achieve. The experience centers on making and sharing animated doodles.

### Does Wiggly Paint use AI?

No. The original tool creates its animation through programmed variations of the user's own strokes, not generative AI. Its itch.io listing explicitly identifies it as a no-AI project.

### How many animation frames does Wiggly Paint use?

The original drawing engine maintains **three animated image buffers** and cycles through them at approximately **12 FPS**, according to its developer. This produces a short repeating line-boil effect rather than a manually edited animation timeline.

### Can Wiggly Paint export MP4 videos?

**The original editor is designed around GIF export**, not a native MP4 workflow. If a platform requires video, a separate GIF-to-video conversion step or an alternative editor with MP4 export may be necessary.

### Does Wiggly Paint support layers?

Not as a conventional multitrack layers panel. Instead, marker strokes automatically appear underneath line art. This provides a simple coloring workflow without the complexity of managing many layers.

### Can the wiggle speed or intensity be adjusted?

Different brushes have distinct motion characteristics, but the original focuses on selected defaults rather than a universal set of detailed per-stroke animation sliders. Users seeking more control can explore Decker customization or a more configurable alternative.

### Can Wiggly Paint be used offline?

Yes. The original project can be saved through **File → Save As** as a self-contained `.html` file and reopened locally.

### Can artwork made with Wiggly Paint be shared or sold?

The creator has said that artists retain control of what they make with the program. Original drawings can be shared or used in creative projects, while artwork containing third-party characters, logos, or other protected material may involve separate rights.

## Conclusion

Wiggly Paint succeeds because it turns a normally technical animation effect into an immediate creative experience. Its three-frame line boil, expressive brushes, limited color choices, and straightforward GIF export make moving artwork accessible to people who have never animated before.

For quick reaction GIFs, character doodles, animated handwriting, and playful sketches, the original remains a compelling free tool in 2026. Its limitations—minimal undo history, simplified layering, and GIF-focused export—are also part of the reason it feels approachable.

**Start with the official Wiggly Paint on itch.io**, draw one simple character, export the GIF, and share the result. Keep an editable HTML copy if the drawing deserves another session.