Слогер Создать блог
Разработка

Как сделать пиксельного питомца для Codex из фотографии

Питомец для Codex — это анимированный спрайт, который появляется в интерфейсе. Создать его можно без навыков рисования и кода, просто загрузив фото.

Кодекс — это не только серьёзный инструмент для работы с кодом. Внутри у него может жить пиксельный питомец, который анимируется в интерфейсе. И собрать его из обычной фотографии — задача на пять минут.

Никакого рисования, никакого кода. Просто открываете генератор, загружаете снимок, получаете готовый пакет с питомцем и кладёте его в папку Codex.

Когда в терминале появляется маленький пиксельный зверь, инструмент перестаёт быть просто утилитой. Возникает ощущение, что Codex живой. Это мелочь, но приятная.

Что понадобится

Достаточно трёх вещей:

  • Хорошее фото — человек или животное в анфас, при нормальном свете.
  • Браузер.
  • Настольный Codex.

Не понадобятся дизайнерские программы, навыки программирования и деньги. На старте всё бесплатно.

Как это работает: четыре шага

  1. Открываете генератор — на сайте нажимаете «Upload photo».
  2. Загружаете снимок — подойдут JPG, PNG или WebP. Лучше квадратное кадрирование, объект по центру, фон без мусора.
  3. Смотрите превью и разблокируете анимацию — кнопка «Unlock animation ZIP». На стартовом тарифе даётся три бесплатных генерации.
  4. Устанавливаете — скачиваете ZIP, распаковываете в папку my-pet/, переносите в ~/.codex/pets/ и полностью перезапускаете Codex. Питомец появляется в интерфейсе.

Вот и весь процесс. Сервис обрабатывает фото локально, ничего не загружая на сервер. Это удобно, если фото личное.

Какое фото даст лучшего питомца

Алгоритм вырезает персонажа из снимка и превращает его в пиксельного зверя. Чем проще исходник, тем лучше результат.

  • Квадрат 1:1 — чтобы питомца не перекосило.
  • Объект по центру — иначе большая часть кадра уйдёт впустую.
  • Чистый фон — без лишних людей и предметов.
  • Размер от 800×800 пикселей — мелкие снимки дают смазанный спрайт.

Если сфотографировать кота на белом пледе, скорее всего, получится аккуратнее, чем селфи на фоне кухни.

Совет: сначала сделайте одну бесплатную генерацию с фотографией кота, потом с собой и сравните.

Сколько это стоит

У сервиса два тарифа. Для первого знакомства хватает бесплатного.

ПараметрStarterPro
ЦенаБесплатно$9 в месяц
Генераций315

Три генерации — это три попытки сделать питомца. Можно потренироваться с разными фото и выбрать лучшего.

Типичные ошибки

Первая и главная — не перезапустить Codex после установки. Папку положили, а питомца нет. Функция появляется только после полного рестарта приложения.

Вторая — странное кадрирование. Если фото не квадратное, алгоритм может обрезать голову или уши. Поэтому заранее кадрируйте сами.

Третья — шумный фон. На загруженной фотографии алгоритм ищет границы объекта, и лишние детали мешают ему сделать аккуратный спрайт.

Иногда питомец не появляется из-за неверного пути. Проверьте, что распакованная папка лежит именно в ~/.codex/pets/, а не в другой директории.

Что делать с питомцем дальше

Пиксельный питомец — это просто украшение. Он не влияет на работу Codex, но делает инструмент своим. Некоторые используют сразу несколько питомцев и меняют их в зависимости от настроения.

Никакой магии: скачали, распаковали, положили в нужное место, перезапустили. Через пять минут в интерфейсе Codex будет жить маленький пиксельный зверь, созданный из вашей фотографии.

По материалам: dev. Текст переработан редакцией Слогера.

← На главную

Рекламное место — Конец поста
Реклама · Слогер

Комментарии (7)

Войдите, чтобы комментировать.

Walid S 31.08.2026 16:47 ▲ 0
Отличный гайд! Очень круто, что теперь можно создавать анимированные спрайты без навыков рисования и кода. Это сильно упростит кастомизацию интерфейса. Спасибо за полезный материал
Siam kazi 02.09.2026 02:04 ▲ 0
«Мне понравилась эта статья, особенно интересная подача материала и полезные детали.»
Gaming Tech 02.09.2026 17:30 ▲ 0
Давай вернёмся к теме! Отличная идея — с удовольствием продолжу наш разговор.
Gaming Tech 02.09.2026 17:31 ▲ 0
I completely agree with the author, it is written very interestingly and to the point. Thank you for the useful information!
Jana Ahmed 02.09.2026 17:32 ▲ 0
Давай вернёмся к теме! Отличная идея — с удовольствием продолжу наш разговор.
Fluxs comment
Реклама · fluxs.ru
Gaming Tech 02.09.2026 17:32 ▲ 0
Полностью согласен с автором, написано очень интересно и по делу. Спасибо за полезную информацию!
Fjbad 03.09.2026 17:19 ▲ 0
Это сильно упростит кастомизацию интерфейса. Спасибо за полезный материал
Fluxs lenta
Реклама · fluxs.ru
Карьера

Как читать WARN Act: что делать, если вместо 60 дней отработки предлагают деньги

Федеральный закон требует предупредить о массовом сокращении за 60 дней. Но иногда работодатель не предупреждает, а платит — и это другое, чем выходное пособие. Разбираем, что должно входить в сумму, где её обычно урезают и как это связано с пособием по безработице.

Слогер 02.11.2026 ▲ 0
Карьера

Как подготовиться к собеседованию по кодингу, где разрешён ИИ: план репетиции на 60 минут

Один маленький проект, таймер на час и умение объяснить каждую строку, которую написал ваш ассистент. Разбираем формат, который в марте 2026 года описала DoorDash, и собираем тренировку под него.

Слогер 02.11.2026 ▲ 0
Карьера

Как работает WARN Act при продаже бизнеса: кто обязан предупредить сотрудников за 60 дней

Сделку закрыли, а через месяц начались сокращения. По федеральному закону США ответ на вопрос «кто должен был предупредить» зависит от даты закрытия и от того, взял ли покупатель людей на работу.

Слогер 02.11.2026 ▲ 0
AI

Почему AI-агент заработал $0 за 69 дней: разбор четырёх каналов и чек-лист проверки заказчика

Шесть заявок в escrow, семь ставок на джоб-борде, 16 баунти и 137 просмотров статей — с нулевым результатом. Что из этих цифр следует, если вы хотите зарабатывать через агента или с его помощью.

Слогер 02.11.2026 ▲ 0
Fluxs lenta
Реклама · fluxs.ru
Карьера

Что будет с медстраховкой после сокращения: разбор WARN, COBRA и страховой биржи

Уведомление по WARN сообщает, когда закончится работа, и молчит о том, когда закончится страховка. Разбираем, где искать дату окончания покрытия, чем COBRA отличается от плана на бирже ACA и какие дедлайны нельзя пропустить.

Слогер 01.11.2026 ▲ 1
Дизайн

Как разработчику-основателю поставить задачу моушн-дизайнеру: бриф, после которого не придётся переделывать

Полстраницы контекста вместо «сделайте чисто и современно»: что писать в брифе, какие материалы прикладывать и почему интерфейс нужно заморозить до первой секунды анимации.

Слогер 01.11.2026 ▲ 1
Карьера

Как читать WARN-уведомления о сокращениях: разбор на примере Haynes Furniture

Haynes Furniture подала уведомление в Вирджинии на 83 сотрудника. Дата уведомления и дата вступления в силу совпадают — 30 октября 2026 года. Что показывает эта запись и чего она не доказывает.

Слогер 31.10.2026 ▲ 1
Fluxs lenta
Реклама · fluxs.ru
Личный опыт

Исполнительная дисфункция или лень: как отличить и что отвечать на обвинения в безделье

Застревание перед простой задачей выглядит как лень только снаружи. Внутри — борьба, которая выматывает сильнее самой работы. Разбираем, чем это отличается и какие фразы помогают в разговоре.

Слогер 31.10.2026 ▲ 0
Карьера

Как читать WARN-уведомления о сокращениях: разбор записи Intel в Фолсоме

В калифорнийском реестре появилась запись о сокращении 67 сотрудников Intel с датой вступления в силу 31 октября 2026 года. На её примере видно, что такие документы говорят и чего не говорят никогда.

Слогер 31.10.2026 ▲ 0