FPS Monitor

FPS Monitor

Not enough ratings
NZXT-CAM style overlay
By Tolik
Сцена в стиле NZXT-CAM для рабочего стола и минималистичный оверлей для любой игры
   
Award
Favorite
Favorited
Unfavorite
Вступление
Основной целью данного руководства является демонстрация возможностей FPS Monitor и настройки специального элемента сцены "Отображение на рабочем столе" в стиле NZXT-CAM mini mode:
ㅤㅤㅤㅤㅤㅤㅤㅤДля сравнения с оригиналом (виджет от NZXT-CAM слева):
А так же настройка минималистичного игрового оверлея. И создание дополнительной сцены с элементом "Отображение на рабочем столе Плюс", в моем случае для CS2.

ㅤДальнейшая часть вступления несет лишь развлекательно-информационный характер,
ㅤи если скучно да лень читать многа букав, то можно сразу перейти к первому разделу)))


До покупки FPS Monitor было перепробовано множество различных решений для вывода OSD поверх игрового процесса. Кратенько рассмотрим основные из них)
Длительный период использовались наиболее распространенные MSI Afterburner + RivaTuner:
https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3033077565 Достаточно удачное программное обеспечение без особых заморочек с настройкой, а если уж очень хочется, то можно вывести показатели и в виде графика, например FPS:
https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3034467873 Но это и все что может предложить данный софт в визуальном плане прямо после установки, чтобы получить что-то большее нужно приложить немного усилий и уделить чуток времени, и вот тогда выйдет нечто подобное, как у автора этого видео:
https://www.youtube.com/watch?v=frHIW0kyb4s&ab_channel=DabneyXD Возможно на просторах сети еще немало впечатляющих вариантов оформления оверлея RTSS, но в любом случае, хоть это и неплохой результат при использовании данных бесплатных утилит, но все же не совсем то, что хотелось бы получить в итоге лично мне)

После покупки видеокарты Asus, на страничке поддержки среди Drivers & Tools наткнулся на GPU Tweak III - по сути ничего грандиозно нового этот софт из себя не представляет, по сравнению с MSI Afterburner, но по крайней мере это хотя бы одно приложение (не нужно ставить еще RTSS), где все собрано в одном месте и возможно предлагает немного больше вариативности прямо "из коробки" без глобального "ковыряния")
На выбор пара режимов вывода OSD: так называемый "Classic style" и "GPU Tweak III style". В первом режиме все будет оформлено предельно скромно: основные показатели фирменным шрифтом Asus, но можно выбрать цвет шрифта, изменить размер и поменять бэкграунд, прозрачность и т.д.), но последовательность залочена. А вот во втором режиме можно уже выводить в любой желаемой последовательности да изменять сам шрифт и размер, выбрать цвет показателя, выводимого значения, единиц измерения и т.д. Например так: https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=2976598666 https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=2996048409 https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=2968730358 Оба режима позволяют добавлять изображение, водяные знаки и поле со своим текстом, можно так же портировать из HWMonitor еще больше параметров мониторинга для отображения OSD. По сути функционал хорош и относительно удобен, но все равно ограничен! Гугл пишет, что работает с видухами и других производителей)

Отдельное место, исключительно для меня, среди всего разнообразия программ мониторинга, занимает NZXT-CAM - это максимально простое решение, которое предлагает свой фирменный виджет mini mode. Минималистичный дизайн и ограниченное количество отслеживаемых показателей, а из дополнительных визуальных параметров доступны изменения цветов, размера, прозрачности и позиционирования (горизонтальное или вертикальное отображение, always on top, привязка к углу экрана или блокировка в определенном месте). И вроде бы ничего особенного, но выглядит прикольно и отображается всегда в любой игре, где другой софт не пашет, например в CS2 (в настройках игры нужно выбрать "полноэкранный в окне" или "в окне"):
ㅤВ верхней левой части совсем не мешает обзору, можно и покрупнее вывести в зоне рук:

Конечно можно юзать так называемое встроенное ПО: Xbox Game Bar, предустановлен в ОС Win11, или AMD Software, который все равно будет установлен с драйверами видла (безусловно можно навалить только дрова без Adrenalin Edition).
Но в первом случае виджет Performance в Game Bar в минимизированном виде отображает все либо совсем упрощенно, либо в "подробном" виде это прям отдельное окно с вкладками максимум из пяти показателей (CPU, GPU, VRAM, RAM и FPS), которое можно закрепить в любом месте, вывод графика изменений за 60 секунд будет лишь одного выбранного показателя, но с возможностью переключения между вкладками, есть несколько вариантов расположения графика относительно вкладок, изменение цвета, прозрачности... И все) Любой может оценить функционал просто нажав сочетание клавиш "Win + G". Это в принципе тот же NZXT-CAM mini mode, только в другой обертке и выводит частоту кадров, что несомненно радует, но скудный арсенал мониторинга весьма удручает)
Во втором случае ситуация чуть лучше, фактически AMD позволяет настроить множество моментов: цвета, прозрачность, фон, размер, позиционирование (изменение количества столбцов позволяет отобразить наложение горизонтально, возможно так же "пользовательское" координатное расположение в любой части дисплея). Единственное что неизменно - это цвета графиков и интервал между строками, то есть сделать кучнее и компактней не выйдет, можно лишь уменьшить, пожертвовав читабельностью(
Для владельцев карт на чипах NVIDIA нечто подобное предлагает GeForce Experience.

Так же к предыдущим предустановленным вариантам можно отнести обновленный оверлей клиента Steam - достаточно простенько, аккуратненько и уж очень минимилистичненько, даже если включить все:
Опять же, не требует установки дополнительного ПО, но учитывая визуальную составляющую и минимальные возможности настройки, для себя оставил лишь счетчик кадров, который был и так хорош даже до обновления)

Достаточно долго используя вышеперечисленные варианты, но не получив желаемого результата, пару лет назад решено было приобрести FPS Monitor, да и скидка хорошая была вместе с HudSight. Мне хотелось реализовать свой игровой оверлей с компактным шрифтом и возможностью быстрой замены цвета, который будет соответствовать HUD'y игры и не нарушать целостность и равномерность графической составляющей! А элемент сцены "отображение на рабочем столе" был приятным сюрпризом, я даже и не надеялся, что можно будет создать свою расширенную версию виджета в стиле NZXT-CAM, добавив все желаемые сенсоры, которые мне хотелось бы отслеживать, а не то что предлагает mini mod по умолчанию!
1. Отображение на рабочем столе
Для большей информативности описание будет сопровождаться коротенькими видео, в которых подробно видны все нюансы настройки элементов.
Для начала создал копию сцены, чтобы можно было проводить любые действия, не нарушая уже настроенный оригинальный вариант:
https://youtu.be/DTPWO43_JCQ?si=XhcHGhV3qV8FRzMj После выравнивания по сетке всех составляющих элементов можно приступить к рассмотрению структуры оверлея для рабочего стола:
https://youtu.be/bjt0pVn-5iU?si=cvSwxYmWQjyMycmI Всего добавлено 27 сенсоров - импровизированных ячеек, которые образовались в таблицу из трёх столбцов по девять строк. В диалоговом окне "Элементы сцены" (чтобы включить, переходим в "Вид" и ставим везде галочки) отображен список, в котором каждому элементу присвоен порядковый идентификатор и название, соответствующее отображаемому параметру. Идентификатор состоит из трёх цифр, разделенных точкой, которые обозначают его позицию и назначение:
Первая цифра = номер столбца (слева на право)
Вторая цифра = номер строки (сверху вниз)
Третья цифра = позиция элемента в ячейке
Соответственно каждая ячейка состоит из трех оверлеев, каждый из которых имеет свой номер и назначение:
1 - это граница ячейки в виде рамки серого цвета, за отрисовку которой отвечает оверлей "Sysinfo 2.0 полоска" (bar-overlay), нужна только рамка, поэтому все остальное отключено
2 - это сам сенсор с включенными уменьшенными единицами измерения (цвет = #9AFF00D7, шрифт Convection Condensed = 40), за отображение которого отвечает оверлей "Sysinfo 2.0" (overlay-simple), для каждой отдельной ячейки установлены свои значения отступа между сенсорами в целях центрирования, в зависимости от величины показаний, но неизменна высота строки = 1,5
3 - это оверлей "Надпись" (caption-text-overlay), в котором указано название сенсора (цвет = #B2FF00D7, шрифт Convection Medium = 18), центрирование текста реализовано с помощью пробелов
В диалоговом окне "Элементы сцены" самом конце списка находятся еще два оверлея:
WIDGET OVERLAY BACK - это и есть сам оверлей "Отображение на рабочем столе" (mirror2desktop), границы оверлея охватывают желаемые для отображения ячейки (цвет = #212622AD). В настройках "Расположение" чекбокс-кружок установлен "Ниже всех", чтобы виджет выводился исключительно на рабочий стол, а не поверх всех окон!
RU HINT FOR WIDGET - это обычный текстовый оверлей с подсказкой "RU > Для перемещения виджета - нажмите CTRL"
Таким образом для перемещения виджета в необходимую часть рабочего стола нужно произвести следующие простые манипуляции: с зажатой клавишей "Ctrl" левой кнопкой мыши кликаем на виджет, так же с зажимом, и двигаем мышью в желаемом направлении)
https://youtu.be/n9s3X7Rh58c?si=U69vDyxwwLqGTpLo https://youtu.be/NiQCX86DaNc?si=QkzZhmECEs_fa5f1 Большую часть времени я использую сцену всего с первыми двумя столбцами на 18 сенсоров, но при создании была реализована идея на 27 ячеек... Тем более уже все сделано и настроено, не удалять же?) Поэтому решил оставить исходное количество, чтобы при необходимости легко можно было сделать второй максимально расширенный вариант, просто растянув оверлей "Отображение на рабочем столе". А привязав горячие клавиши, можно с легкостью переключаться между сценами при необходимости)
2. Игровой оверлей
В данном случае все гораздо проще, чем с виджетом для рабочего стола)
В диалоговом окне "Элементы сцены" в самом начале списка распложены 11 элементов, за отображение которых отвечает оверлей "Sysinfo 2.0" (overlay-simple), для удобства каждый имеет в первой части названия приставку "Game Overlay" и соответствующее предназначению окончание:
  • TIME - системное время
  • INFO - размер кадра и тип рендера игры
  • FPS - мгновенный, максимальный, средний, минимальный и 1% Lov
  • GPU - температура ядра, скорость вентиляторов, загрузка ядра, мощность и используемая видеопамять
  • CPU - температура крышки, скорость кулера, средняя загрузка и среднее количество активных ядер
  • RAM - используемая ОЗУ (количественное и процентное значение)
  • PAGE FILE - используемый файл подкачки (количественное и процентное значение)
  • FAN - скорость внешних вентиляторов (у меня их четыре)
  • SYSTEM - температура системы
  • CHIPSET - температура чипсета
  • MOS - температура мосфетов
https://youtu.be/DVVYS95KihY?si=PZttGcFCgfmXwYAs Все это скомпоновано в семь строк, без фона, высотой 1,5 (цвет = #9AFF00D7, шрифт Convection Condensed полужирный).
Для первой строки (TIME & INFO) размер шрифта 16, для всех остальных значений размер шрифта 15. Отступы между сенсорами отличаются в строчках, также добавлены не включённые сенсоры и "пустые" сенсоры-пробелы ("dummy" или "---"), чтобы визуально выровнять значения, которые динамически изменяются в зависимости от величины показаний. По крайней мере в строках GPU и CPU одноименные сенсоры расположены друг над другом (конечно потребляемая мощность видла значительно превосходит энергопотребление проца, поэтому эти показатели наиболее подвижны и постоянно норовят съехать в сторону, но большую часть времени, при более менее интенсивной нагрузке, все выглядит нарядно, красиво и органично). В любом случае, всегда можно что-то убрать или добавить на свой вкус)
Чтобы быстро поменять цвет нужно перейти в "Настройки элемента" и в меню "Включенные сенсоры" меняем цвет, лишь для оверлея времени цвет будет в меню "Настройки рендера": https://youtu.be/bPHDuUsasM8?si=cU3iO9q3OslesHpd Замена же занимает чуть больше минуты) Рекомендую продублировать сцену перед заменой!

Чтобы исключить критические замечания, хотелось бы сразу прояснить ситуацию - основными критериями при создании игрового оверлея были информативность и компактность. Лично для меня, более важным является общая графическая составляющая, оверлей не должен мешать погружению в игровой процесс.
Так как большинство игр имеют незамысловатый HUD без возможности настройки размера или цвета, то достаточно просто подобрать цвет соответствующий HUD'у игры:
https://youtu.be/xmFLkPSIxVA?si=znaGAIvFsxjc4mVG Если же игра позволяет настраивать HUD, тогда имеет смысл подобрать такой цвет, который будет визуально наиболее удачно сочетаться с цветовой гаммой происходящего на экране)
https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3258503396 Fallout в целом не отличается буйством красок и яркостью цветов, поэтому контрастный
ㅤㅤсалатовый hud и оверлей смотрится хуже, на мой взгляд, чем пастельный желтый)
https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3319417552 Конечно есть резон создавать какие-то сложные оверлеи под определенные онлайн проекты, в которые будет наиграна не одна сотня, а то и тысяча часов) Или если уж прям необходимо получить эстетическую сатисфакцию от геймплея, тогда можно и даже нужно заморочиться да создать такой оверлей, который бы прямо имитировал элементы HUD'а) Но как правило на это просто жаль времени, ведь средняя продолжительность сюжетки в большинстве случаев несколько десятков часов! https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3463465877 Поэтому зачастую я просто использую любой готовый вариант, переместив в то место на экране, где оверлей не будет мешать каким-нибудь всплывающим сообщениям, связанным с текущими заданиями, подсказками или банально открытому инвентарю)
https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3505936397 https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3505382549 ㅤㅤㅤㅤㅤㅤㅤХотя, должен признать, это не всегда решает проблему( https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3506444603 При желании можно забиндить несколько сцен с разным положением оверлея и переключатся между ними в зависимости от происходящего на экране)
Самый предпочтительный вариант, когда HUD можно вообще скрыть, желательно еще отключив стандартный игровой прицел, заменив своим в виде точки с помощью HudSight: https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3105539817 Самое начало Metro Exodus - Sam's Story прицел поменял на оранжевый, а оверлей еще нет)
3. Отображение на рабочем столе Плюс
Пожалуй это самый короткий и элементарный раздел данного руководства)
Создаем копию сцены. "Game Overlay INFO" и "Game Overlay FPS" перемещаем в сторонку (можно даже удалить, чтобы не мешали), так как эти сенсоры не будут отображаться! Оверлей системного времени ("Game Overlay TIME") выравниваем по центру - так нарядней) Переходим в "Элементы сцены" и добавляем "Отображение на рабочем столе Плюс", перемещаем и выравниваем границы элемента. Почти готово! Осталось лишь сделать прозрачный фон и разместить в нужном месте (с зажатой клавишей "Ctrl" левой кнопкой мыши кликаем на виджет, так же с зажимом, и двигаем мышью в желаемом направлении)
https://youtu.be/vxLq6fWefk4?si=jWzYAZfjf0qUsKXa
В моем случае для CS2 оптимальным является оранжевый HUD и такого же цвета прицел в виде точки с черной обводкой:
ㅤㅤㅤㅤㅤㅤㅤㅤㅤДля генератора прицела использую эту шикарную карту: https://gtm.steamproxy.vip/sharedfiles/filedetails/?id=3070193546 На мой взгляд, для оверлея идеально использовать не очень яркий цвет #F79555D7, который отлично подходит под оранжевые HUD и прицел:
https://youtu.be/-JtfBNrGmJM?si=5ZDp9QbFzag319My Вот так аккуратно и эстетично выглядит оверлей в игре: https://youtu.be/7OlJbHLZ05U?si=kEWsroDkoWjy-sbL
4. Дополнительные настройки
Хотелось бы упомянуть пару полезных инструментов, которые доступны в "Настройках" программы:
1. "Ограничение игрового FPS" - решает вопросы производительности, особенно в жару, когда, например, старенький Fallout 4 решил разогреть видуху до сотни своими HD текстурами и невероятной оптимизацией Next Gen Update 2. Самое смешное, что сначала ищешь, как снять ограничение частоты кадров (беседка ограничила по умолчанию в половину от частоты обновления монитора), а потом лочишь на 60 для комфортной игры! Или же финальная миссия в GTA IV, когда Нико никак не может забраться в вертолет при высоком FPS и нужно снизить примерно до 30, чтобы все получилось!
https://youtu.be/130L1yB1mw4?si=lZg41ak6wDDxdkMB 2. "Черный список программ" - решает проблему нежелательного вывода оверлея в конкретной программе, достаточно просто выбрать из списка обнаруженных процессов искомый, либо ввести название или вручную выбрать exe'шник:
https://youtu.be/7cYm1jdFCfU?si=VVMpErfvewU8mdrZ
Импорт сцены:
1. Установите дополнительные шрифты:
NZXT Style scene использует специальные шрифты Convection, убедитесь, что они установлены на вашем ПК. Загрузить шрифты Convection проще всего из Microsoft Store[apps.microsoft.com]
2. Переместите файл сцены в каталог настроек:
• Откройте каталог настроек (C:\ProgramData\FPSMonitor\Scenes) и добавьте туда файл сцены NZXT Style scene.JSON
3. Загрузите сцену:
• Откройте FPS Monitor, перейдите в меню «Сцены» и выберите «Менеджер сцен» или «Последние сцены». Загрузите новую сцену.
Поздравляю! NZXT Style scene успешно импортирована в FPS Monitor!
Источник: Game overlays[discord.com]
5. Файлы для скачивания
Для удобства добавил несколько вариантов загрузки сцен! Если нет желания разбираться и настраивать, то готовые три варианта "Veni, vidi, vici" (download-import-use), так сказать "под ключ", доступны на PCGamingWiki. Если нужен только один исходник и интересно еще посмотреть на сцены других пользователей или поделиться своим опытом, то есть смысл чекнуть официальный Discord сервер программы — Game Overlays.
PCGamingWiki:
FPS Monitor overlay style like NZXT-CAM mini mode[community.pcgamingwiki.com]
ㅤㅤㅤДля скачивания не нужно ни регистрироваться на ресурсе, ни логиниться!
Нажав на кнопку "Download this file" для загрузки будут доступны три файла сцен:
NZXT Style scene.JSON
NZXT Style scene - MAX.JSON
NZXT Style scene - CS2.JSON

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤТребуется учетная запись Discord!
Нажав на кнопку "" для загрузки будут доступен файл сцены: NZXT Style scene.JSON

Microsoft Store: Convection fonts[apps.microsoft.com]
Бесплатное "приложение", но установка через Microsoft Store требует авторизации в учетной записи Microsoft!
Семейство шрифтов Convection разработано компанией Microsoft для Xbox, включает следующие стили:
  • Convection
  • Convection Medium
  • Convection Italic
  • Convection Bold
  • Convection Extra Bold
  • Convection Condensed
Заключение
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Надеюсь информация была полезной, интересной и доступной!
⠀⠀⠀⠀Все вышеизложенное основано исключительно на субъективном восприятии автора)

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Спасибо за внимание!
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
8 Comments
Tolik  [author] 4 Aug @ 7:39am 
Главное разобрались и все работает) :wyes:
LINCHEVATEL 4 Aug @ 7:00am 
во вкладке вид была включена функция заблокировать оверлей я просто тупой=)
Tolik  [author] 4 Aug @ 6:54am 
Выделяете курсором весь виджет (все элементы) и перемещаете за пределы "сетки" (кадра области дисплея) - https://youtu.be/NiQCX86DaNc
LINCHEVATEL 4 Aug @ 6:36am 
а сделать чтоб он не отображался по верх всего а ток на рабочем столе нет такого?
Tolik  [author] 4 Aug @ 6:29am 
Прям вот сначала Ctrl зажмите и наведите курсор на оверлей, а потом зажимайте левую кнопку мыши и перемещайте по рабочему столу) Должно работать!
LINCHEVATEL 4 Aug @ 6:25am 
пофиксил уже. ток не пойму как двигать ее раньше вроде с ctrl перемещение работало сейчас не получается может я криворукий=)
Tolik  [author] 4 Aug @ 6:17am 
А что конкретно не работает?
LINCHEVATEL 4 Aug @ 5:09am 
не работают чет=)