# ayanami

**Repository Path**: never-Giveup/ayanami

## Basic Information

- **Project Name**: ayanami
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: feat-export-source-file
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-20
- **Last Updated**: 2025-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <a href="https://deepwiki.com/KamiC6238/ayanami">
    <img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki">
  </a>
</div>

# About this project
It's a free online pixel art drawing tool. Feel free to share your drawing with me at [danzzzzsama@gmail.com](mailto:danzzzzsama@gmail.com) — I’d love to feature it on a special website!

![alt text](image.png)

## Why I made it?
I bought [Octopath Traveler II](https://en.wikipedia.org/wiki/Octopath_Traveler_II) in 2024. The game’s scenery captivated me, and at that moment, a thought came to mind: maybe I could make a pixel art tool by myself one day.

After the idea took root, I started looking for pixel art editors in the community and eventually discovered [Aseprite](https://www.aseprite.org/).
I was inspired by its color design and began developing my own pixel art editor.
It’s not perfect yet, but I’ll keep improving it—step by step—until it becomes what I envisioned.

Lately, I’ve also been playing [Stardew Valley](https://en.wikipedia.org/wiki/Stardew_Valley) in my free time.

## 🙏 Special Thanks
Huge thanks to [Luke Morrigan](https://github.com/CodeFoodPixels) for [Pixel-Corners](https://github.com/CodeFoodPixels/pixel-corners), which helped me implement beautiful pixel-style UI components.

## 🎉 Version 0.1.0
|      | Tool Description              |   Shortcut |
|------|-------------------------------| ------------|
| ✏️    | Pencil tool                   | P          |
| 🧽    | Eraser tool                   | E          |
| 💧    | Bucket tool                  |  B          |
| 📏    | Line tool                     | L          |
| ⚪    | Circle tool                   | C/Shift + C |
| 🟥    | Square tool                   | S          |
| 🔁    | Undo & Redo                  | ⌘/Ctrl + Z|
| 🧹    | Broom                        | |
| 📤    | Download and save as PNG     |             |
| 🌈    | Color picker                 |             |

## 🚧 Version 0.2.0
- [ ] Supports for persistent storage with [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)
- [ ] Supports multiple frames for animation
- [ ] Supports canvas zooming
- [ ] Supports canvas preview
- [ ] Supports different canvas sizes
- [ ] Download and save
  - [ ] as GIF
  - [x] as Source file
- [x] Supports importing a single source file and editing it afterward. Undo & redo still works as well!!
- [ ] Select tool
- [ ] Gradient tool

## Tech stack
- [Vue 3](https://vuejs.org/guide/introduction.html)
- [Pinia](https://pinia.vuejs.org/introduction.html)
- [TypeScript](https://www.typescriptlang.org/)
- [tailwindcss](https://tailwindcss.com/)
- [Web Worker](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
- [OffscreenCanvas](https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas)
- [Vite](https://vite.dev/guide/)