Быстрый запуск: нажмите Ctrl+Shift+P (на macOS — Cmd+Shift+P), введите и выберите команду «Аниме: Показать модель», затем нажмите Enter.
Аниме‑помощник для повышения фокуса и вовлечённости во время разработки. Расширение добавляет:
Панель с Live2D‑моделью внутри VS Code
Отдельное «прозрачное» окно‑оверлей на Electron, которое можно закрепить поверх IDE
Лёгкую геймификацию: помидоры (Pomodoro), уровень/XP, реакции на сохранения/правки/фокус файла
Оверлей реагирует на ваши действия в редакторе (правки, сохранения, смена файла) через простой мост событий и может озвучивать фразы/воспроизводить аудио.
Демо
Быстрый старт
Требования
VS Code 1.100+
Node.js 18+
Старт помощника (оверлей)
В новом окне VS Code откройте палитру команд (Ctrl/Cmd+Shift+P) и выполните: «Аниме: Показать модель»
При первом запуске будут установлены зависимости в папке anime-overlay и стартует Electron‑окно
Если автозапуск не сработал, см. «Ручной запуск оверлея» ниже.
Как пользоваться
Команда «Аниме: Показать модель» — запускает Electron‑оверлей с Live2D‑моделью, таймером Pomodoro и реакциями
Панель «Аниме: Модель» — встраиваемый вид в панели VS Code (для быстрого предпросмотра модели внутри IDE)
Оверлей можно перетаскивать мышью, закреплять и использовать как «кликабельный» или «сквозной» (click‑through)
При сохранении файлов вы получаете XP, при правках — небольшие реакции, при переключении файла — визуальная индикация фокуса
Откроется прозрачное окно с моделью. Его можно держать поверх VS Code.
Что под капотом
Расширение следит за событиями редактора и пишет компактные JSON‑события в anime-overlay/events.json
Оверлей (anime-overlay) читает этот файл и отображает реакции: голос/аудио, анимации, XP и т. п.
Модели Live2D загружаются из публичных репозиториев (CDN); доступны Cubism2 и Cubism4
Структура проекта
src/extension.ts — код расширения: команда «Аниме: Показать модель», панель, мост событий
anime-overlay/ — Electron‑приложение (оверлей) с Live2D, Pomodoro и XP