GameDev: разработка игр

Разработчик-плейтестер поиграл в 22+ инди-игры от разных авторов и выкатил базу — список самых частых ошибок, которые кочуют из проекта в проект.

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

— Динамическое управление. Если игра поддерживает и клавиатуру, и геймпад, кнопки в интерфейсе должны переключаться на лету. Нет ничего хуже, чем видеть в туториале Press X, сидя за клавиатурой.

— Короткое демо без багов лучше длинного сломанного. Оставили забагованный уровень в публичной демке «просто чтобы показать масштаб»? Игроки запомнят только баги. Если уровень сырой — безжалостно вырезайте.

— Хардкор должен быть честным. Если игра внезапно убивает ваншотом из-за новой механики, игнорируя полоску ХП — это бесит. Игрок должен чётко понимать, что смерть была его ошибкой, а не произволом геймдизайнера.

— Туториалы — боль. То, что кажется вам очевидным спустя год разработки, абсолютно непонятно новичку. Но «стены текста» не работают: если на объяснение уходит абзац, его просто скипнут. Вводите механики постепенно через геймплей (show, don't tell).

— Весело на бумаге, скучно в билде. Механика может звучать гениально в диздоке, но если вам самому скучно тестировать её дольше 20 минут — смело переделывайте. Игрокам она тоже не зайдет.

Оригинальный тред на английском.

@make_game (теперь в VK и Max)

Разработчик Нильс Линхир портировал Doom в браузер с 3D рендерингом на чистом CSS. Игровая логика написана на JavaScript, но для вывода графики автор принципиально отказался от Canvas и WebGL. Вся визуализация переложена на браузерный движок стилей.

Детали реализации:
— каждый объект и текстура представлены обычным тегом div;
— позиционирование в пространстве работает через CSS-трансформации;
— геометрия вычисляется нативными CSS-функциями hypot и atan2;
— сложная архитектура уровней вырезается свойством clip-path.

Технический разбор архитектуры и нюансов производительности: https://tprg.ru/yGpg

@make_game (теперь в VK и Max)

Сервер Quake 3, который работает прямо в браузере. Проект доступен по адресу https://q3.pieter.com/. Вы можете просто перейти по ссылке и сразу начать играть вместе с другими людьми, устанавливать локальный клиент не нужно.

Технически все это работает на базе Q3JS. Это открытый порт оригинального движка на JavaScript. Разработчик взял готовый репозиторий, интегрировал в него свежие исправления для повышения стабильности и развернул игру на своих серверах. Оригинальные текстуры и карты подтягиваются из официальной демоверсии.

Текущий статус:
— полноценный мультиплеер работает без долгих загрузок;
— движок выдаёт стабильную частоту кадров прямо в браузере;
— в планах стоит добавление поддержки виртуальных геймпадов для игры со смартфонов.

@make_game (теперь в VK и Max)

Министерство геймдева уведомляет:
сегодня открывается Субботний скриншотник, и всем ученикам факультетов Программирования, Арта, Дизайна и Вечного Переписывания Туториалов надлежит явиться в комментарии.

Разрешается приносить скриншоты, демки, ролики, гифки и ссылки на собственные проекты. Даже если ваш проект пока похож не на магию, а на заклинание, произнесённое с ошибкой, — всё равно показывайте. Лучшие работы получают уважение, реакции и плюс к навыку «довести до релиза».

@make_game (теперь в VK и Max)

Релиз, который я пропустил на прошлой неделе, но вот исправляюсь — picoCAD 2. Это небольшая программа для создания низкополигональных 3D моделей. Первая часть была написана на PICO-8 и стала довольно популярной, но упёрлась в ограничения платформы. Сиквел перевели на фреймворк LÖVE, поэтому редактор теперь работает намного плавнее.

Инструмент создавался как простая альтернатива большим 3D редакторам вроде Blender. Если вы работаете с пиксельной графикой и хотите без лишних сложностей добавить элементы 3D в свой проект, это отличный вариант.

Программа доступна на Steam и Itch.io. Обе версии продаются без DRM и работают полностью оффлайн.

@make_game

Инди-разработчик выложил в открытый доступ полезную систему поиска пути (Pathfinding), которую он написал для своей 2D-игры про автоматизацию (где вместо конвейеров ресурсы таскают маленькие дроны).

Главная проблема, с которой он столкнулся — это конфликт двух разных типов движения. Нужно было объединить жёсткую логистику по сетке с плавным перемещением толпы (как в классических RTS).

В итоге получилась гибридная система, которая умеет работать в двух режимах:

— RTS Mode: Вы можете выделить сразу толпу агентов и отправить их в одну точку. Они плавно огибают препятствия с помощью стандартного mp_grid, но в движении отвязываются от сетки. Чтобы толпа не слипалась в одну точку по прибытии, автор прикрутил алгоритм Бойдсов (Boids) для отталкивания и спираль Улама для поиска свободных парковочных мест вокруг цели.
​
— Strict Route: Режим для фабричной логистики. Агенты идут по жёстко заданным направляющим на карте. Они заранее резервируют за собой клетки в матрице по пути следования, чтобы умно регулировать трафик и избегать столкновений на перекрёстках.
​
Исходный код полностью открыт на GitHub, можно свободно забирать в свои проекты или дорабатывать математику векторов: https://github.com/T-Toni/AGENT_SYSTEM

@make_game

Разработчик Эрик Ленгьел (Eric Lengyel) сделал огромный подарок для индустрии графики и геймдева. Он досрочно, за 12 лет до истечения срока, передал патент на свой знаменитый алгоритм Slug в общественное достояние.

Slug — это метод рендеринга шрифтов (и векторной графики) на GPU напрямую из кривых Безье, вообще без использования предзапечённых текстур или атласов. Это позволяет отрисовывать идеально чёткий, сглаженный текст любого размера и под любым углом. Алгоритм уже 10 лет является индустриальным стандартом: лицензию на него покупали Blizzard, id Software, Adobe, Ubisoft и другие гиганты.

Главная математическая фишка последних версий Slug — это «динамическое расширение» (dynamic dilation). Вершинный шейдер на лету высчитывает матрицу трансформации и автоматически расширяет полигон каждого глифа ровно на полпикселя в экранном пространстве. Это гарантирует, что растеризатор не потеряет ни одного сглаженного пикселя на границах букв, и при этом не тратит ресурсы GPU на отрисовку лишнего пустого пространства (как это бывает при фиксированном отступе).

Теперь использовать эту технологию можно абсолютно бесплатно в любых проектах. Автор уже выложил эталонные шейдеры (вершинный и пиксельный) на GitHub под лицензией MIT: https://github.com/EricLengyel/Slug

@prog_stuff

Каждый раз страдаю от того, как они это называют

@make_game (теперь в VK и Max)

Ты заходишь в канал и видишь два варианта.

Синяя кнопка — молча листать чужие проекты и делать вид, что у тебя всё под контролем.

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

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

@make_game (теперь в VK и Max)

Просто оставлю это здесь и дам ссылку где можно поиграть: https://eyebrow-tetris.sanderdesnaijer.com

@make_game (теперь в VK и Max)

Каждый год во время конференции GDC площадка Sonniss делится бесплатной библиотекой звуковых эффектов для геймдева. Сейчас они выложили свежий архив на 7,5 гигабайт качественного аудио (ссылка на скачивание, лицензия).

Все аудио:
— royalty-free и полностью открыты для коммерции;
— указывать создателей в титрах не обязательно;
— ассеты остаются у вас навсегда для любого количества проектов.

Ссылки на предыдущие такие раздачи есть здесь.

@make_game (теперь в VK и Max)

Мемы про DLSS не отпускают

Как я вижу новый DLSS 5:

Итак, это свершилось, Nvidia анонсировала DLSS 5: теперь ИИ будет перерисовывать игры на лету и делать из задумки авторов непонятное месиво.

Для тех, кто без интернета: осенью выйдет новое поколение DLSS, и оно кардинально отличается от предыдущих версий. Если раньше технология просто растягивала картинку (апскейл) или вставляла промежуточные кадры для плавности, то теперь в дело вступает полноценный генеративный ИИ.

В чем суть:
— нейросеть на лету анализирует структуру сцены (освещение, материалы, персонажей) и динамически её «улучшает»;
— Дженсен Хуанг назвал это «GPT-моментом для графики»;
— идея в том, чтобы повысить реализм без дополнительных нагрузок на железо.

Технологию уже прозвали «мусорным ИИ-фильтром». На первых демо (включая Starfield и Assassin’s Creed) видно, что нейросеть сильно искажает изначальную задумку художников: самовольно меняет освещение, текстуры и стилистику персонажей.

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

@make_game (теперь и в Max)

Добро пожаловать в еженедельную тестовую камеру.

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

Пожалуйста, разместите в комментариях скриншоты, видео, демки и ссылки на свои проекты. Участники, у которых всё развалилось после очередного фикса, тоже считаются успешно прошедшими тест.

Субботний скриншотник начался. Торт, как обычно, будет потом.

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

Раз уж сегодня затрагиваем тему PBR, то поделюсь одной потрясающей статьёй на тему. Это интерактивное объяснение как работает физически корректный рендеринг (PBR) с самых азов.

Прям вот с самого начала, не шучу:​
— сначала объясняется природа электромагнитных волн, заряд частиц и генерация фотонов;
— затем идёт разбор абстракций: закон Снеллиуса, преломление, отражение и уравнения Френеля;
— в конце показано, как всё это объединяется в микрофасетную модель (BRDF), которая сейчас используется во всех современных игровых движках.
​
Все эти сложные концепции сопровождаются интерактивными 3D-демонстрациями, написанными на чистом WebGL. Вы можете сами двигать ползунки, менять шероховатость материалов, интенсивность света и индексы преломления, чтобы в реальном времени видеть, как меняется направление лучей и итоговая картинка.

Сама статья: https://imadrahmoune.com/pbr/

@make_game (теперь и в Max)

Adobe выложили в опенсорс свою эталонную реализацию OpenPBR BSDF. Если вы работаете с графикой или пишете свой рендер, на этот репозиторий точно стоит посмотреть.
​
OpenPBR — это открытый стандарт шейдинга, который Adobe и Autodesk совместно разработали на замену своим проприетарным материалам. Теперь открыт не только сам стандарт, но и готовый код, вырезанный прямо из внутреннего движка Adobe Eclair. Код распространяется под свободной лицензией Apache-2.0.

Самая полезная фича этой реализации:
— она написана с прицелом на кросс-компиляцию;
— из коробки поддерживается сборка под C++, GLSL, HLSL, Metal и Slang.
​
По сути, вы получаете готовую, математически корректную физическую модель света, которую можно сразу затащить в свой проект на любом удобном графическом API. Больше не нужно переписывать формулы руками из PDF-спецификаций и отлаживать артефакты на краях шейдеров.

@make_game (теперь и в Max)