Почему одни приложения хочется использовать только в темном режиме, а другие — в светлом?
Разбираемся, как темы влияют на глаза, батарею и даже продуктивность

Главные мифы ❌
1. «Темная тема всегда полезнее для глаз». Нет, она снижает нагрузку в темноте, а днем может ухудшить восприятие
2. «Темный режим экономит заряд на всех устройствах». Только на OLED, на ЖК-экранах разницы нет
3. «Светлая тема вызывает близорукость». Долгое чтение в любом режиме вредно. Спасение — делать перерывы и регулировать яркость

💻 Первые компьютеры 1980-х использовали темный интерфейс из-за технических ограничений ЭЛТ-мониторов. Зеленый текст на черном фоне маскировал мерцание экрана!

А на какой стороне ты? Посчитаем, кого больше

#designmagic #howitwork

Врываемся в рабочую неделю с продолжением ресёрча геймификации

В марте рассказывали про тренды российского рынка ➡️ На очереди мировые практики

Оставили для вас 6 отсылок на популярные игры — пишите в комменты, сколько нашли

#gamejam #howitwork

Как создать анимацию в ChatGPT, если ты никогда с ней не работал

В самой известной нейросети появилась возможность создавать спрайт-листы для 2D-анимации

Спрайт-лист — картинка, которая содержит несколько меньших изображений (спрайты), как правило, 16, встроенных в сетку. Все спрайты создаются одинаковыми по размеру, для удобства анимации. Используется в разработке игр для упрощения загрузки и отображения анимаций

Придумываем описание персонажа или объекта ➡️ генерируем спрайт-лист в ChatGPT ➡️ кадрируем в фигме ➡️ склеиваем в видеоредакторе
Два последних этапа можно упростить, если уже совсем не хочется тратить силы, но об этом позже

Этапы:

1. Описание персонажа. Допустим, мы хотим создать Гремлина из Heroes of Might and Magic III. Идём в ChatGPT и пишем такой запрос:

Привет! У меня есть промпт для генерации 2D анимации.
1. Вот он:
"Create a detailed pixel art frame animation for a game, where the final image is divided into multiple sub-images, each serving as a continuous animation keyframe. Design the sequence to depict [a wizard casting a spell: begin with intricate hand motions, then show the wizard conjuring a vibrant fireball, and finally capture the moment of casting the fireball.] Ensure the keyframes transition smoothly and continuously, and include as many frames as possible to achieve a high level of fluidity and detail in the animation."
2. Я хочу заменить персонажа и описание действий, тот текст, который в квадратных скобочках: Replace this part with your character + animation description: [a wizard casting a spell: begin with intricate hand motions, then show the wizard conjuring a vibrant fireball, and finally capture the moment of casting the fireball.]
3. Поможешь?
4. Тебе нужно по примеру из оригинального промпта сделать описание другого персонажа.
5. Персонаж: Гремлина из Heroes of Might and Magic III в синем колпаке, синей мантии, с зелёной кожей, который производит ударй цепью с чёрным шаром. Не упоминай в промпте название игры, опиши персонажа и движения текстуально (заменяем на объект, который хотим сгенерировать)
6. Промпт должен быть на английском

2. Генерируем спрайт-лист. В том же чате выбираем режим «Генерация изображений» и вставляем получившийся промпт.
Нейросеть не всегда правильно выстраивает сетку — изображения получаются смещённые, что затрудняет анимацию. При неудачной генерации расширяем промпт:

Create a detailed pixel art frame animation for a game, where the final image is divided into multiple sub-images, each serving as a continuous animation keyframe. All sub-images must be the same size and fit into a 256x256 pixel square. There should be 16 sub-images, 4 for each row and column. The vertical and lateral distances between the sub-images should be the same. The entire image: a 1024x 1024 pixel square should be evenly divided into 16 equal parts. Each of the 16 parts is one sub-images. Design the sequence to depict [A hunched (Master Gremlin), green-skinned creature in a blue robe and pointed hat, dragging an iron ball chained to its ankle. Animation phases: Wind-up: Whirling the chain overhead (glowing runes on robe). Throw: Projecting the chain across the frame (motion blur, sparks). Retract: Pulling it back with a smug grin. Taunt: Pointing forward to loop] Ensure the keyframes transition smoothly and continuously, and include as many frames as possible to achieve a high level of fluidity and detail in the animation.

3. Кадрируем спрайт-лист. Закидываем сгенерированное изображение в фигму ➡️ Выбираем инструмент «Slice» ➡️ создаём область 256х256 пикселей (размер можно менять в зависимости от нужд) ➡️ далее повторяем для всех остальных спрайтов и экспортируем.
Этот способ работает, только если спрайт-лист получился ровно по сетке и спрайты не задевают друг-друга

4. Анимируем. Открываем видеоредактор и расставляем наши спрайты ➡️ выставляем время каждого из них, как правило, 150-200 мс ➡️ сохраняем в формате GIF для удобства передачи разработчикам или дальнейшей работы

Как упростить два последних этапа и максимально кастомизировать спрайт-лист смотрите в комментах🥳