{"id":23923615,"url":"https://github.com/subbotinroman/pixiskia-app","last_synced_at":"2026-05-09T05:34:01.352Z","repository":{"id":270766048,"uuid":"911390986","full_name":"SubbotinRoman/PixiSkia-App","owner":"SubbotinRoman","description":"An interactive graphics application that combines PixiJS and Skia engines. Create, edit and export high-quality graphics with features like custom shapes, image manipulation, and professional-grade PDF export capabilities.","archived":false,"fork":false,"pushed_at":"2025-01-04T20:46:27.000Z","size":510,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-13T15:51:19.508Z","etag":null,"topics":["canvas","pixi-js","skia","typescript","vite"],"latest_commit_sha":null,"homepage":"https://subbotinroman.github.io/PixiSkia-App/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SubbotinRoman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-02T22:52:59.000Z","updated_at":"2025-01-22T19:16:38.000Z","dependencies_parsed_at":"2025-01-03T21:30:20.976Z","dependency_job_id":"7265f752-9f89-47b7-9f8b-720da5cb99e9","html_url":"https://github.com/SubbotinRoman/PixiSkia-App","commit_stats":null,"previous_names":["subbotinroman/pixiskia-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SubbotinRoman/PixiSkia-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubbotinRoman%2FPixiSkia-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubbotinRoman%2FPixiSkia-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubbotinRoman%2FPixiSkia-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubbotinRoman%2FPixiSkia-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SubbotinRoman","download_url":"https://codeload.github.com/SubbotinRoman/PixiSkia-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubbotinRoman%2FPixiSkia-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32808514,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"online","status_checked_at":"2026-05-09T02:00:06.633Z","response_time":123,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","pixi-js","skia","typescript","vite"],"created_at":"2025-01-05T18:40:14.778Z","updated_at":"2026-05-09T05:34:01.333Z","avatar_url":"https://github.com/SubbotinRoman.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PixiSkia-App (TypeScript / Pixi.js / Skia)\n\n## Обзор 🌟\n\nПриложение для создания графики. Позволяет рисовать различные фигуры, добавлять изображения и сохранять результат в PDF-файл высокого качества. Использует современные технологии Pixi.js и Skia для быстрой и качественной работы с графикой.\n\n### [Посмотреть демо](https://subbotinroman.github.io/PixiSkia-App/) 👈\n\n\u003cimg alt=\"PixiSkia-App preview\" src=\"public/img/preview-1.png\"\u003e\n\u003cimg alt=\"PixiSkia-App preview\" src=\"public/img/preview-2.png\"\u003e\n\u003cimg alt=\"PixiSkia-App preview\" src=\"public/img/preview-3.png\"\u003e\n\n---\n\n## Стек технологий ⚙️\n\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Pixi.js](https://img.shields.io/badge/pixi.js-orange.svg?style=for-the-badge)\n![Skia](https://img.shields.io/badge/Skia-Canvas-blue.svg?style=for-the-badge)\n![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n\n---\n\n## Возможности 🚀\n\n- 🎨 Отображение графики через две системы (Pixi.js и Skia)\n- 📐 Поддержка трансформаций (сдвиг, поворот, масштабирование)\n- 🖼️ Отрисовка векторных фигур и изображений\n- 🖱️ Взаимодействие с элементами через клики мышью\n- 📄 Сохранение результата в PDF высокого качества\n- 🔄 Переключение между разными наборами фигур\n- ⚡ Быстрая работа благодаря Vite\n\n---\n\n## Как запустить локально 💻\n\n1. Клонируйте репозиторий:\n```bash\ngit clone https://github.com/SubbotinRoman/PixiSkia-App.git\n```\n\n2. Перейдите в папку с проектом:\n```bash\ncd PixiSkia-App\n```\n\n3. Установите зависимости:\n```bash\nnpm install\n```\n\n4. Запустите сервер разработки:\n```bash\nnpm run dev\n```\n\n5. Откройте в браузере:\n```\nhttp://localhost:3000/PixiSkia-App/\n```\n---\n\n## Использование 🎮\n\n1. Интерфейс приложения содержит два canvas:\n   - Левый canvas: отображение графики через Pixi.js\n   - Правый canvas: отображение графики через Skia\n\n2. Доступные действия:\n   - Кнопка \"Сгенерировать случайную линию / фигуру\": добавляет новый случайный элемент\n   - Кнопка \"Экспорт в PNG\": сохраняет все нарисованные фигуры в PDF-файл\n   - Кнопка \"Переключить контейнер\": показывает другой набор готовых фигур\n\n3. Интерактивность:\n   - Клик по элементам\n   - Обработка нажатий мыши\n\n---\n\n## Структура проекта 📁\n\n- `src/`\n  - `main.ts` - основной файл приложения\n  - `SkiaRenderer.ts` - обертка для отображения графики через Skia\n  - `types.ts` - TypeScript типы и интерфейсы\n\n---\n\n## Требования 📋\n\n- Node.js 16+\n- npm или yarn\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubbotinroman%2Fpixiskia-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubbotinroman%2Fpixiskia-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubbotinroman%2Fpixiskia-app/lists"}