Бесплатный редактор пиксель-арта · Работает в браузере
Пиксель-арт и анимация для вашей игры
Рисуйте спрайты, анимируйте их покадрово и экспортируйте спрайт-листы, которые ваш движок читает как есть: Godot, Unity, GameMaker или любой движок, принимающий JSON.
- Бесплатно
- Без установки
- Без водяных знаков
Редактор
Всё, что нужно спрайту
Создан под то, как делают игровые спрайты: маленькие холсты, мало цветов, много кадров.
Пиксельные инструменты
Карандаш с точностью до пикселя, линии, прямоугольники, эллипсы и заливка; симметрия по одной или двум осям и блокировка альфа-канала для перекраски.
Покадровая анимация
Шкала времени с кадрами, тегами, длительностью каждого кадра и калькой. Продолжайте рисовать во время воспроизведения.
Слои и группы
Называйте, группируйте, блокируйте и скрывайте слои. Шкала времени показывает те, что движутся, так что длинные спрайты остаются читаемыми.
Палитры
Начните с PICO-8, Sweetie 16, Endesga 32 или Game Boy, стройте градации и оттенки со сдвигом тона и меняйте цвет сразу во всех кадрах.
Тайлы
Сетка тайлов поверх холста и предпросмотр плиткой 3 × 3, который покажет стыки раньше, чем ваш уровень.
Референсы и импорт
Рисуйте поверх опорного изображения, откройте PNG как спрайт или разрежьте готовый спрайт-лист на кадры.
Экспорт
Спрайт-листы с JSON в стиле Aseprite, GIF и кадры PNG в масштабе от 1× до 8× без размытия.
Спрайты рядом
Держите спрайты персонажа вместе — вкладками в одном файле проекта .mori с общей палитрой.
Работа в сохранности
Копия несохранённой работы хранится в браузере и предлагается снова, если вкладка закрылась. Недавние проекты — в одном клике.
Экспорт
Прямо в ваш движок
Экспорт записывает спрайт-лист и файл, который читает ваш движок, поэтому анимация приходит нарезанной, с таймингом и именами ваших тегов.
- Godot 4
.tresРесурс SpriteFrames с одной анимацией на тег, готовый для AnimatedSprite2D.
- Unity
.png.metaЛист приходит как нарезанный спрайт Multiple с точечной фильтрацией и без сжатия.
- GameMaker
_strip8.pngПолоса с именем, по которому GameMaker делит её на кадры при импорте.
- Любой движок
.jsonJSON в стиле Aseprite (hash или array) с кадрами, длительностями и тегами — для Phaser и других.
А ещё GIF, отдельные PNG и кадры PNG — от 1× до 8×.
Как это работает
От пустого холста до вашей игры за три шага
Шаг 1: Начните спрайт
Выберите размер и палитру или начните с шаблона персонажа, тайлсета или иконки.
Шаг 2: Рисуйте и анимируйте
Добавляйте кадры, отмечайте циклы тегами и смотрите, как они играют, пока вы рисуете.
Шаг 3: Экспортируйте в игру
Запишите спрайт-лист и файл, который читает ваш движок, за один шаг.
Редактирование фото
Фоторедактор в той же рабочей среде
Для текстур, ключевого арта и скриншотов для магазина — или любого фото, над которым нужно поработать: слои, маски и инструменты ретуши с привычными пользователям Photoshop сочетаниями клавиш.
Корректирующие слои
«Уровни», «Кривые», «Цветовой тон/Насыщенность» и ещё двенадцать — каждый на своём слое с маской, его можно изменить или отключить в любой момент.
Ретушь
Точечная восстанавливающая кисть, восстанавливающая кисть, заплатка, штамп и заливка с учётом содержимого, а также осветлитель, затемнитель, размытие, резкость и пластика.
Выделения и маски
Быстрое выделение, волшебная палочка, лассо и «Выделение и маска» для волос и мягких краёв — на маску слоя, так что ничего не стирается.
Текст, фигуры и стили
Редактируемый текст, фигуры и перо, со стилями слоя: тень, обводка и свечение.
Файлы PSD
Откройте PSD со слоями, масками, коррекцией и стилями и сохраните копию в PSD, чтобы вернуть работу.
Игровые текстуры
Сделайте текстуру бесшовной, приведите её к размеру степени двойки или превратите фото в пиксель-арт и продолжайте как со спрайтом.
Что дальше
Куда движется Moriqa
Это запланировано, но ещё не сделано; план развития показывает, над чем идёт работа.
- В планахКомпоненты и варианты
Нарисуйте деталь один раз и используйте её в разных спрайтах — с именованными вариантами, например цветами или состояниями.
- В планахАнимация по ключевым кадрам
Перемещайте, вращайте и масштабируйте детали между ключами, а не перерисовывайте каждый кадр.
- В планахПроекты иллюстраций
Векторные фигуры, контуры и текст на монтажных областях с экспортом в SVG или чёткий PNG.
Moriqa
Частые вопросы
Moriqa бесплатна?
Да. В редакторе бесплатно всё, включая все форматы экспорта, и нигде нет водяных знаков. Платного тарифа нет; если Moriqa вам помогает, можно поддержать её на Buy Me a Coffee.
Нужен ли аккаунт?
Да, бесплатный. Войдите через Google, GitHub, Discord или по почте — и редактор откроется. Проекты по-прежнему сохраняются как файлы .mori на вашем компьютере; аккаунт — это ваш профиль, на котором будет строиться обмен компонентами с другими художниками.
Как перенести спрайт в игру?
Экспорт записывает спрайт-лист и файл, который читает ваш движок: ресурс SpriteFrames для Godot 4, .meta с нарезанным спрайтом для Unity, именованную полосу для GameMaker или JSON в стиле Aseprite для Phaser и других движков. Длительности кадров и теги переносятся как анимации.
Можно ли открывать файлы Aseprite?
Пока нет. Можно открыть PNG как спрайт или импортировать готовый спрайт-лист и разрезать его на кадры. JSON-экспорт Moriqa следует формату Aseprite, поэтому инструменты, читающие листы Aseprite, читают и листы Moriqa.
Где хранится моя работа?
На вашем компьютере. Вы сохраняете файлы проектов .mori куда хотите, а браузер хранит копию несохранённой работы, чтобы предложить её снова, если вкладка закроется. Ничего никуда не загружается.
Работает ли это на телефоне или планшете?
Редактор рассчитан на браузеры компьютеров и ноутбуков, с мышью или графическим планшетом. Бесплатные инструменты на moriqa.com работают и на телефонах.
А как насчёт редактирования фото и иллюстраций?
Редактирование фото уже здесь: в том же редакторе есть фоторежим со слоями, масками, корректирующими слоями, инструментами ретуши и файлами PSD. Проекты иллюстраций запланированы; план развития показывает, над чем идёт работа.
Использует ли редактор ИИ?
Для рисования и редактирования — нет: инструменты предназначены для работы руками. В фоторежиме есть две команды, «Выделить предмет» и «Удалить фон», которые используют ту же модель, что и бесплатное удаление фона, и сообщают об этом перед отправкой картинки.
По теме
Бесплатные инструменты для пиксель-артистов
Нарисуйте свой первый спрайт
Редактор открывается в браузере с готовым новым спрайтом. Ничего устанавливать не нужно; достаточно бесплатного аккаунта.