anz 30 сен 2020 в 21:25

Qt? ImGUI? wxWidgets? Пишем свое

16 мин

22K

C++*Разработка мобильных приложений*Разработка игр*

+75

Комментарии 28

psycha0s 30 сен 2020 в 22:18

А вы как-нибудь учитываете DPI экрана в своём UI? Например, чтобы элементы управления имели одинаковый физический размер на любых устройствах.
В целом очень интересный проект, желаю вам творческих успехов!

Sazonov 1 окт 2020 в 01:10

Кстати, только что прочитал статью и захотел спросить тоже самое.
В своё время пришлось очень сильно извращаться чтобы заставить Qt приложение выглядеть одинаково на Windows и на MacOS с ретина дисплеями. QtQuick тогда был ещё в зачаточном состоянии.

QtRoS 1 окт 2020 в 12:29

В Qt сейчас есть поддержка High DPI мониторов, я упоминал об этом в своей статье.

Sazonov 1 окт 2020 в 17:52

Да, спасибо, я читаю ваши статьи :)

anz 1 окт 2020 в 09:44

Пока что размер всегда 1 к 1 в пикселях. В процессе как раз разработка решения для разных размеров. Так как графика вся растровая, то будут готовиться «паки» под разные разрешения, автоматически. То есть закидываешь все в максимальном разрешении, движок сам делает уменьшенные копии. Затем, в зависимости от реального разрешения и физического размера выбирается соответствующий «пак» с нужным размером текстур. При этом система координат уже будет не 1 к 1, ее можно будет настраивать либо как какое-то фиксированное разрешение, либо в физических единицах (дюймы, сантиметры, миллиметры).

Еще есть идея сделать векторную графику. Перед рендерингом формировать полигональные меши, без текстур, но с подкрашенными вершинами. Затем уже рисовать только меш. Причем, с ними можно провернуть тот же трюк как и с линиями, добавив «обводку с альфой» по краям

Sazonov 1 окт 2020 в 11:15

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

anz 1 окт 2020 в 11:27

Согласен. Думаю для таких случаев сделаю возможность самому добавлять уменьшенные версии некоторых текстур. Отчасти еще хочу бороться с этим эффектом с помощью кратного уменьшения х2, х4. Учитывая это можно подготавливать графику так, чтобы она хорошо уменьшалась.

Но лучше всего конечно будет векторная графика

slonopotamus 1 окт 2020 в 15:16

Векторная графика при размере 16х16 вряд ли как-то поможет.

wigneddoom 1 окт 2020 в 20:52

Тут может быть интересным как иконки реализованы в BeOS/Haiku

DX168B 1 окт 2020 в 08:54

Эх, где Вы были с этой статьей шесть лет назад… Статью добавил в избранное, может в будущем пригодится.

n0isy 1 окт 2020 в 09:05

При запуске PetStory.exe серый экран (весь реп рядом). Это нормально?

anz 1 окт 2020 в 09:45

Да, это нормально :) Вы запускаете игру, и пока там ничего нет. Попробуйте запустить Editor.exe

pro777 1 окт 2020 в 09:49

Шикарная работа!

anz 1 окт 2020 в 09:49

Спасибо!

kurumpa 1 окт 2020 в 11:33

Выглядит отлично! А как у вас устроен state management? А то мне после реакта ничего в голову не приходит.

anz 1 окт 2020 в 14:21

Не совсем понял что подразумевается под state management… Реакция на клики и другие сообщение от виджетов?

WaterSmith 1 окт 2020 в 11:43

Ваши 9-slice спрайты, очень похожи на nine-path png, из Android. (https://habr.com/ru/post/113623/) Если вы их не подсмотрели, а сами придумали, то рекомендую ознакомиться с nine-path.
Так-же, посмотрите как в Android решена проблема с разными разрешениями. Это может натолкнуть вас на правильные мысли.