Перейти к тексту
Gridomant EN

Картинка в точки — рисунок прямо в сетке героев

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

Рисунок из точек в сетке героев Dota 2: Лина в аркане Fiery Soul of the Slayer и все герои справа
Лина в аркане Fiery Soul of the Slayer, нарисованная точками, — рядом все 127 героев одним блоком.

Было → стало

Исходная картинка: Джаггернаут в аркане Bladeform Legacy
Было: рендер скина
Джаггернаут в аркане Bladeform Legacy точками в сетке героев Dota 2
Стало: рисунок в сетке

Слева — исходная картинка, справа — та же фигура в сетке героев. Точки стоят гуще там, где на картинке свет, и реже в тени, поэтому видны маска, плащ и клинок, а не одно пятно.

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

  1. Откройте редактор с картинкой и перетащите файл — PNG, JPG или WebP до 10 МБ. Картинка обрабатывается у вас в браузере и на сервер не уходит.
  2. Сайт уберёт фон — по краю картинки или нейросетью, которая тоже работает на вашем компьютере, — и посчитает несколько вариантов рисунка.
  3. Наведите на вариант — он примерится на поле. Под каждым написано, сколько мест из 4000 он займёт и сколько ещё влезет.
  4. Поставьте рисунок, подвиньте и поправьте руками: ластик стирает лишние точки, кисть добавляет. Отмена — Ctrl+Z.
  5. Скачайте сетку и положите файл в игру.

Какие картинки получаются лучше

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

Если персонаж в полный рост, а важно лицо, обрежьте картинку по плечи: лицо станет крупнее и узнаваемее. Тёмный арт на тёмном фоне сначала осветлите — точки ложатся на свет.

Для героев Доты в арканах и персонах картинка не нужна: в редакторе есть «Мейн в скине» с готовыми рисунками 30 скинов.

Почему в игре выглядит так же

Каждая точка рисунка — это категория сетки с точкой или другим знаком в названии. Сайт рисует поле тем же шрифтом и в тех же размерах, что игра, поэтому то, что вы видите в редакторе, и будет во вкладке «Герои» и на экране выбора героя. Цвета в сетке героев нет: игра рисует все знаки белым, поэтому скин узнаётся по силуэту и светотени.

Вопросы и ответы

Не будет ли тормозить игра?

Сайт не даст выйти за 4000 мест в сетке. В проверке в игре сетка из 5000 точек открывалась меньше чем за секунду.

Точки легли на фон, а не на персонажа

Смените способ убирать фон: «По краю» убирает всё цвета края кадра, нейросеть отделяет фигуру от пёстрого фона. Лишнее потом можно стереть ластиком.

Можно две картинки в одной сетке?

Да, если хватит мест. Экономный вариант рисунка ставит несколько знаков в одну категорию и занимает в разы меньше мест.