Retrogamedev

Знакомство с Кузнецовыми.

Новая часть комикса: Красный берсеркер: Осада замка.

Для страницы магазина VK Play :

• Обновил трейлеры (Rus/Eng).

• Добавил три новых скриншота.

Сейчас в работе:

• Новый кошмар Павла — срабатывает, если проходить игру определённым стилем.

• Подготавливаю контент для части "Опасный супермаркет".

Страница игры в VK Play store, Группа ВК, Телеграм.

Привет! Я Антон Георгиев. Работаю Frontend-разработчиком, а после работы делаю свои пет-проекты. Мы с другом решили запустить 12 стартапов за 12 месяцев. Про это пишем в нашем Телеграм-канале «Инди-хакеры: стартапы из 💩 и 🥢».

Эта история про наш 2-й продукт из 12. Весь путь от идеи до запуска мы прошли за 1 месяц. А первых 100 пользователей мы привлекли уже через 2 недели, не потратив ни копейки на маркетинг. Вот результаты за 90 дней жизни продукта Save Emails from Gmail as PDF:

Выбор идеи

Идея возникла довольно просто. Мы изучали рынок расширений для Google Chrome, перебирали разные направления, пока не наткнулись на нишу плагинов для Gmail. Заинтересовались, начали глубже копать и нашли компанию CloudHQ, которая делает исключительно расширения для работы с сервисами Google.

Мы нашли все их расширения и отсортировали по самым популярным. Среди топ-5 их расширений был продукт «Save Emails as PDF», у которого было 100 000 пользователей. Это функция сохранения писем и вложений из Gmail в формате PDF. Можно выделить сразу несколько писем, нажать кнопку экспорт и все письма вместе с файлами, картинками, видосиками и документами сохраняются на компьютер.

Я сразу вспомнил личный опыт. Однажды мне нужно было выгрузить около 50 писем, чтобы заверить переписку у нотариуса. Делать это вручную, особенно с вложениями, оказалось неудобно и заняло несколько часов.

Мы проверили спрос по ключевым словам в поиске и изучили обсуждения на Reddit. Оказалось, у многих такая же проблема. Пользователи ищут способы массово сохранять письма из Gmail в PDF.

Так родилась идея создать простое расширение, которое одним кликом формирует PDF-документ со всеми выбранными письмами и вложениями.

Разработка

Разработка оказалась непростой. Сначала я изучил множество библиотек для конвертации HTML в PDF и JPEG в PDF на фронтенде, но большинство из них были устаревшими и плохо справлялись с задачей. Я рассматривал вариант делать обработку на backend. Просто отправлять туда HTML или URL и генерировать PDF на сервере. Но быстро понял, что это небезопасно. Важно было избежать пересылки и хранения личных данных.

В итоге я решил реализовать всё полностью на frontend. Чтобы разобраться, как это лучше сделать, я даже скачал исходники расширения одного из конкурентов. Посмотрел, как все устроено у них. Понял, что идея собирать PDF из HTML с помощью JavaScript, вполне рабочая. Это позволило сохранить верстку писем и оставить текст выделяемым.

Самой сложной проблемой была «плавающая» верстка. Элементы постоянно смещались, ломались стили. После множества экспериментов мне удалось подобрать оптимальное решение. Сейчас большинство писем и вложений отображаются корректно.

Весь контент в PDF (текст, изображения, линии) позиционируется вручную по координатам x, y. Для этого используется библиотека jsPDF.

Логика работы:

1. Обработка DOM-дерева.

Я прохожу по каждому узлу DOM, получаю размеры и стили элементов через:

node.getBoundingClientRect() — размеры и положение элемента на экране.

window.getComputedStyle() — CSS-стили (шрифты, цвета, границы).

2. Элементы добавляются в PDF, используя методы jsPDF.

Для текста:

doc.text(value, x, y);

Для изображений:

doc.addImage(imageData, 'PNG', x, y, width, height);

Для линий (границ элементов):

doc.line(x1, y1, x2, y2); — значения x, y здесь - это абсолютные координаты относительно текущей страницы PDF.

Я выделил несколько особенностей:

• Каждая страница PDF имеет фиксированный размер (например, Letter — 612x792 pt).

• Чтобы текст и изображения не упирались в края, я использую padding. Всё содержимое размещается внутри страницы, ограниченной отступами.

• Если элемент не помещается в оставшееся пространство текущей страницы, то я вставляю невидимые элементы-заполнители (fake-объекты), чтобы автоматически переместить контент на следующую страницу. Из-за этого на странице бывают пустоты.

Загрузка вложений и изображений

Сначала я простым селектором “.att a” нахожу все ссылки на вложения и изображения из письма, а потом скачиваю их. Данные загружаются в виде Blob, затем преобразуются в DataURL с помощью FileReader. SVG конвертируется в PNG при помощи библиотеки Canvg, чтобы затем вставить в PDF:

Изображения масштабируются так, чтобы вписаться в доступную область страницы без искажений.

Заполнение fake-объектами и перенос контента

Если масштабированное изображение не помещается в оставшееся пространство на текущей странице, я вставляю fake-объекты (пустые HTML-элементы), которые сдвигают контент на следующую страницу.

Логика вставки fake-объекта:

Как это работает

• Я рассчитываю, сколько свободного места осталось до конца текущей страницы (availableSpace).

• Если высота текущего элемента (например, изображения) больше, чем свободное место, перед ним вставляется пустой элемент-заполнитель с нужной высотой (padding-top).

• Этот заполнитель «толкает» следующий элемент вниз, автоматически перемещая его на следующую страницу PDF.

Этот подход обеспечивает предсказуемое расположение изображений и вложений в PDF-документе, несмотря на сложности, связанные с разметкой и размерами исходных данных из Gmail.

Дизайн и лендинг

Дизайн интерфейса, иконки и изображения для Chrome Store мы сделали на основе конкурентов. Главной задачей было сделать яркую иконку и привлекательную картинку для превью, которая выводится в результатах поиска и в блоке рекомендаций.

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

Сделали простой лендинг на Google Sites. Быстро и самое главное бесплатно. Вот что получилось - https://sites.google.com/view/email-to-pdf/. Наша цель — привязать сайт в форме публикации расширения, чтобы получить статус «Verified publisher». Также лендинг позволяет нам поставить ссылку на страницу расширения, чтобы передать немного веса для SEO.

SEO и локализация

Для оптимизации страницы расширения под поисковые запросы нам нужно было найти ключевые слова, которые люди вводят в Google, когда ищут способы сохранения или конвертации писем из Gmail в PDF. Мы проанализировали конкурентов, Google Trends, сервис WordStream и составили список ключевых слов.

Ключевые слова с самым высоким спросом мы использовали в названии расширения, а остальные вписывали в описание. В генерации описания на английском языке нам помогал DeepSeek.

Мы составили промт, с помощью которого получили уникальный текст с вписанными ключевыми словами и с учетом функций расширения. За основу брали тексты конкурентов. Вот такой промт у нас получился:

После нескольких итераций правок в DeepSeek мы получили практический готовый текст. Немного подредактировали его вручную и довели вхождения ключевых слов в нужном количестве.

Затем мы перевели описание и интерфейс расширения на 55 языков с помощью API ChatGPT. Так мы получаем более широкий охват потенциальных пользователей за счет языковых версий страницы расширения.

Бесплатный маркетинг

Мы попросили друзей оставить первые отзывы, чтобы повысить доверие пользователей и получить звездочки рейтинга. На этом этапе расширение было полностью упаковано.

Далее мы подали заявку на фичеринг. Про то как получить статус «Featured» я писал в предыдущем посте. Это позволило увеличить показы расширения в Chrome Store.

Для привлечения первых пользователей в наши продукты, мы активно используем бесплатные площадки и SEO.

Мы разместили ссылки на UGC-площадках: ProductRadar, ProductHunt, VC, Reddit, Quora, Stackoverflow, Github, Medium, Dev.to, indiehackers.com. Это дало немного новых установок, но в большей степени ссылки увеличивают вес для SEO в Google.

Пример размещения на Reddit:

Пример размещения на Dev.to:

Запуск на ProductHunt

Запуск на ProductRadar

Результаты

Что мы имеем за 3 месяца:

• 896 установок.

• 696 активных пользователей в неделю.

• Получили статус «Featured» в Chrome Store 🏆.

• Получили обратную связь от пользователей, поправили баги и залили уже 3-ю версию.

Самая большая доля по странам — это пользователи из США, Сербии и Индии. А основные источники трафика — Chrome Store (попадает в Direct и Unassigned) и поиск Google. Это органический трафик, который позволяет протестировать продукт без вложений в маркетинг.

Сколько мы вложили

• Разработка — $0 и 4 недели своего времени.

• Маркетинг — $0 и 1 неделя на SEO и контент-маркетинг.

Выводы и планы

Наш опыт подтвердил, что даже небольшие инструменты для повседневных задач могут найти свою аудиторию. А востребованный продукт можно создать с нулевым бюджетом, если выявить потребность, проанализировать конкурентов и грамотно применить SEO.

В планах:

• Добавить новые функции: загрузка в Google Drive, объединение нескольких писем в 1 PDF.

• Улучшить конвертацию. Чтобы корректно сохранять сложные письма с нестандартной версткой.

• Протестировать платную версию.

• Эксперименты с контентом и новыми каналами трафика.

Заходите к нам в Телеграм-канал «Инди-хакеры: стартапы из 💩 и 🥢» и следите за нашим челленджем «12 проектов за 12 месяцев».

Релиз в конце Июня на vkplay

https://vkplay.ru/play/game/lord-of-the-freaks/

Обновления/релизы/новости

Apple приобрела свою первую игровую студию RAC7 — разработчика Sneaky Sasquatch

Cтудия состоит из двух человек и с 2019 года сотрудничала с Apple, выпустив Sneaky Sasquatch эксклюзивно для Apple Arcade.

Обновление домашних страниц разработчиков и издателей

Valve обновила работу со страницами разработчика и издателя — улучшили процессы привязывания игр и добавления ссылок на социальные сети, а также домашние страницы будут показываются в большем количестве мест.

Странички оформлять желательно, ведь всем подписавшимся на вашу домашнюю страницу в Steam будет отправлено уведомление по электронной почте, когда вы выпустите следующую игру.

Продажи Elden Ring Nightreign превысили 2 миллиона копий

На это понадобилось менее суток.

Кипрская студия Mundfish начнёт помогать авторам с разработкой и продвижением игр

Поддерживать собираются не «просто инди», а проекты, у которых есть потенциал «навести шуму».

В Atomic Heart сыграло более 10 миллионов человек

Число проданных копий пока не разглашали.

Продажи Clair Obscur: Expedition 33 достигли 3,3 миллиона копий

Спустя 33 дня с релиза.

Арт-директор CDPR рассказал, как студия хотела изменить лицо Геральта в «Ведьмаке 2»: «На форумах нас просто разнесли»

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

Халява/раздачи/бандлы/курсы

Бесплатные курсы Unreal Engine в мае: создание игр, видеороликов и цифровых двойников

Новая пачка халявы.

Интересные статьи/видео

[EN] Рендеринг Assassin’s Creed Shadows

Доклад с GDC 2025 проводит аудиторию через различные этапы, необходимые для создания финального рендера, уделяя особое внимание пайплайну, управляемому GPU, улучшениям освещения и другим новым разработкам.

[RU] От ролика для портфолио до разработки игры: опыт художника Tramdrey — автора Echo Railway

Страница Echo Railway появилась в Steam 14 мая и быстро набрала свыше 1000 вишлистов. Внушительный показатель для пет-проекта, к которому есть только трейлер и несколько скриншотов.

[EN] Рогалики становятся всё более странными

Разбор жанра, который, явно, подстегнёт очередной холивар 🌚

[EN] Художник создал технологию динамического освещения для 2D-игр

По мере возможностей, пытаюсь курить пиксель-арт и Aseprite для своей игры про игрожуров, поэтому почитываю такие статейки. Довольно полезный материал.

[RU] STEAMиздат: вся правда про вишлисты

Разбираемся вместе с Данилом Каменевым из агентства FatPony и фонда Indie GO Fund.

[EN] Очередное крутое видео от Себастьяна — в этот раз про растеризацию

Базовая математика, чтение моделей, проекции, culling и прочее. Всё хорошо разжёвано.

[EN] Unity addressables bug

Пост на Реддите про будни работы с Unity. Понятно, что такое с любым софтом/либой может быть, но забавно.

Урок: если вам нужно что-то заменять в строках, и вы знаете, примерную позицию (в данном случае в конце строки), то не вызывайте Replace на всей строке, а сузьте зону. В данном случае, думаю, вполне можно было лишь на строке после последнего слеша.

[RU] Game++. Performance traps

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

[EN] Плюсы и минусы длинных RPG

У Кейна снова неплохое видео вышло, и опять оно меня заинтересовала не по сути, а из-за доп. размышлений, на которые оно наталкивает 🤔

Само видео про длину RPG игр.

• Что короткие, что длинные игры могут отталкивать определённые категории игроков.

• Длинные игры отталкивают больше игроков, чем короткие.

• Длинные игры позволяют проработать более глубокую историю.

• В коротких играх не всегда могут раскрыться аспекты, связанные с игровыми билдами.

• Если в игре есть действия, последствия которых игрок ощутит лишь спустя десятки часов, надо как-то ему телеграфировать об этом в моменты выбора/развязок.

• Если в игре 100+ часов, то многие игроки просто-напросто не увидят кучу контента, т. к. до конца такие игры проходит малый процент.

И вот последний пункт натолкнул на противоположные мысли, когда разработчики наоборот полишат первые часы игры, а последняя четверть скучная. Либо разрабы просто времени недостаточно выделяют, либо тупо ресурсов уже на это не было.

[EN] Esquie’s Voice Actor BREAKS DOWN Clair Obscur Expedition 33’s Iconic Scenes

Отличнейший подкаст с актёром, озвучившим Эскье в Экспедиции.

[EN] Как сделать 3D-физический движок

Zolden рассказал о том как и почему решил пилить свой движок.

[RU] Превращение — самая крутая механика в играх, которую все забыли

Интересная механика, которые нынче не так часто реализуется в играх.

[EN] Building AI Speeders with Machine Learning in Star Wars Outlaws

Разбор того, как работает нейронка для управления транспортом в Star Wars Outlaws.

[EN] Подкаст с инди-разработчиком, создавшим «A Difficult Game About Climbing», заработавшую более 1 миллиона

Рассказывает и показывает прям в Unity вживую различные трюки и реализацию отдельных аспектов игры.

Разное

Тулза для Unity, позволяющая одежде «впиваться» в кожу

Нутаковцы, берите на заметку (¬‿¬ ).

Когда не умеешь рисовать, но хочется

Можно просто использовать Блендер.

Также вы можете подписаться на рассылку дайджеста.