hub / github.com/KamiC6238/ayanami

github.com/KamiC6238/ayanami @main

299 symbols 726 edges 57 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

About this project

It's a free online pixel art drawing tool. Feel free to share your drawing with me at danzzzzsama@gmail.com — I’d love to feature it on a special website!

https://github.com/user-attachments/assets/38d0dedc-9c32-438d-9801-3b9187410000

Why I made it?

I bought 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. 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 in my free time.

🙏 Special Thanks

Huge thanks to Luke Morrigan for Pixel-Corners, which helped me implement beautiful pixel-style UI components.

🎉 Version 2.0.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
📤	Export as PNG
📤	Export as Gif
📤	Import Source file/Export as Source file
🌈	Color picker
🎬	Multiple frames for animation

Tech stack

Extension points exported contracts — how you extend this code

FillRectMessagePayload (Interface)

(no doc)

src/types/offscreenCanvas.ts

Mouse$ (Interface)

(no doc)

src/utils/colorPicker.ts

ReplayRecordsConfig (Interface)

(no doc)

src/worker/utils/record.ts

PointsDisconnected (Interface)

(no doc)

src/hooks/useToolsCommon.ts

FillHoverRectMessagePayload (Interface)

(no doc)

src/types/offscreenCanvas.ts

UpdateFrameConfig (Interface)

(no doc)

src/worker/signals/frames.ts

SquareMessagePayload (Interface)

(no doc)

src/types/offscreenCanvas.ts

LineMessagePayload (Interface)

(no doc)

src/types/offscreenCanvas.ts

Core symbols most depended-on inside this repo

getFrameIndex

called by 17

src/worker/signals/records.ts

src/worker/signals/records.ts

drawPixel

called by 12

src/worker/utils/render.ts

getMousePosition

called by 12

src/hooks/useToolsCommon.ts

toHex

called by 8

src/utils/colorPicker.ts

fillRect

called by 8

src/worker/utils/render.ts

clearAllPixels

called by 7

src/worker/utils/render.ts

Shape

Function 269

Interface 27

Enum 3

Languages

TypeScript100%

Modules by API surface

src/worker/utils/record.ts37 symbols

src/worker/signals/records.ts29 symbols

src/worker/gif.worker.js24 symbols

src/store/canvas.ts20 symbols

src/worker/signals/render.ts19 symbols

src/utils/colorPicker.ts18 symbols

src/types/offscreenCanvas.ts17 symbols

src/worker/utils/render.ts14 symbols

src/worker/signals/frames.ts14 symbols

src/utils/pixelBorder.js11 symbols

src/store/colorPicker.ts9 symbols

src/utils/common.ts7 symbols

For agents

$ claude mcp add ayanami \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

github.com/KamiC6238/ayanami @main

About this project

Why I made it?

🙏 Special Thanks

🎉 Version 2.0.0

Tech stack

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Languages

Modules by API surface

For agents

Ask about this repo answers extend the page