Форум программистов, компьютерный форум, киберфорум
8Observer8
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  

Вращение, перемещение, приближение и отдаление камеры мышкой на Qt 6.6.3 и OpenGL ES 2.0 для Android, Desktop и Web

Запись от 8Observer8 размещена 15.06.2024 в 17:51
Показов 2615 Комментарии 1
Метки c++, c++ qt, qt, wasm

Содержание блога

Демка в браузере на WASM
  • Вращать камеру - зажатой левой кнопкой мыши
  • Перетаскивать камеру - зажатой правой кнопкой мыши
  • Приближать/отдалять камеру - вращением колёсика мыши

Исходники и исполняемые приложения:




Такое управление камерой мне необходимо было иметь (огромное спасибо zayats80888, который помог в этом сообщении), чтобы я мог демонстрировать свои интерактивные модели и анимации созданные в бесплатном 3D-редакторе Blender. Начинал с BGE, где был плагин для запуска в веб, потом был Unity Web Player, который перестал работать в новых браузерах из-за запрета NPAPI. Вот наконец-то можно вращать камеру в браузере, добавлять Bullet Physics и Box2D исходниками для запуска в браузере и на Android, добавлять OpenAL для запуска в браузере и на Android. С Qt есть напильник в виде OpenGL, OpenAL и Bullet/Box2D и в игровые движки не уходишь, а остаёшься в неигровой компьютерной графике, а игрушки для развлечения и приятного изучения Qt, сетевого программирования и т.д., но нет ужасных мучений если использовать чистый C++, пусть даже с SDL, но прикрутить WebSockets к SDL на WebAssembly - я даже не хочу пробовать. Да и не хочу пробовать добавлять Box2D и Bullet Physics для запуска на Android и WebAssembly, ведь на Qt можно просто закинуть исходники Box2D и Bullet Physics и собирать одну и ту же кодовую базу на Android, Desktop и Web. А WebSockets есть в Qt. Я пробовал успешно подключаться к серверу на бесплатном хостинге Glitch из Qt приложения запущенного на Android и передавать JSON-данные через веб-сокеты. Все остальные основные библиотеки есть на Qt и не надо мучиться чтобы собирать их для Android и WebAssembly.

По весу сборок для Windows, Android и WebAssembly. Для Windows вес EXE в релизе составил 35.5 KB, но нужно добавить dll-файлы:

Название: e65dc4d8812a52ffb0bed2be92267b3464125940.png
Просмотров: 3035

Размер: 4.3 Кб

и в общем приложение весит 19.8 MB. В архиве занимает 8.33 MB, что хорошо для форума, так как ограничение здесь 25 MB. Остаётся ещё приличный запас. Но если переписать на PySide или PyQt, то вес приложения бы равнялся весу исходников на Python, что отлично для самостоятельного использования, но не для распространения, так как другим пользователям нужно будет иметь у себя интерпретатор Python и самостоятельно установить PyQt/PySide, PyOpenGL, numpy и т.д. Хотя это очень легко для тех кто знаком с Python, но непонятно для всех остальных, а приложение с EXE после сборки с помощью PyInstall весило бы очень много, больше 80 - 200 MB - не помню, но много. Для Android вес APK составил 8.85 MB. APK - это уже архив и поэтому добавление APK в архив почти не уменьшает общий вес архива - архив с APK весит 8.75 MB. Установленное приложение на Android весит 29.5 MB. Сборка в релиз WASM весит 13 MB и 4.39 MB в архиве:



Демка на WASM запускается за 1-2 секунды. Если переписать на чистый WebGL, то вес приложения составил бы вес исходников и такое приложение можно запускать и оффлайн, но для запуска оффлайн потребуется установка Node.js и локального сервера, например, "http-server". Python и JavaScript позволяют запускаться с самыми минимальными затратами по весу, но есть проблемы с запуском оффлайн в случае с JS и распространением в случае с Python, а Qt даёт преимущества в распространении: 1) пользователю не нужно устанавливать интерпретатор, типа Python, Node.js и т.д. 2) приложение с EXE умещается на форуме с запасом 3) есть возможность сборки в WASM для быстрого запуска в один клик, чтобы не извлекать архив и не рисковать получить вирус 4) потенциально C++ работает быстрее, чем Python и JavaScript 5) отлаживать на Android через USB-кабель на Qt значительно проще и быстрее, чем на Cordova/JavaScript, libGDX, Xamarin (который содержал OpenTK, но, который прекратили поддерживать 1 мая 2024 в пользу .NET MAUI, который я не пробовал) и т.д.

Миниатюры

Нажмите на изображение для увеличения
Название: 66d92cc54a3b912a0f0a7d7f6fceddfb2233de70.png
Просмотров: 723
Размер:	5.4 Кб
ID:	8751
Миниатюры
Нажмите на изображение для увеличения
Название: orbit-controls-opengles2-qt6-cpp.gif
Просмотров: 1154
Размер:	184.6 Кб
ID:	8752  
Вложения
Тип файла: zip orbit-controls-opengles2-qt6-cpp.zip (6.0 Кб, 556 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-exe.zip (8.22 Мб, 553 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-apk.zip (8.76 Мб, 523 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-wasm.zip (4.94 Мб, 476 просмотров)
Метки c++, c++ qt, qt, wasm
Размещено в Без категории
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 1
Комментарии
  1. Старый комментарий
    На m_viewDistance надо ставить ограничение, чтобы камера не проходила сквозь объект при приближении камеры вращением колёсика мыши:

    C++ (Qt)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    void OrbitControls::zoomInZoomOut(float angleDeltaY)
    {
        m_viewDistance += -angleDeltaY / 50.f;
     
        if (m_viewDistance < 5.f)
        {
            m_viewDistance = 5.f;
        }
     
        emit update();
    }
    Запись от 8Observer8 размещена 17.06.2024 в 13:29 8Observer8 на форуме
 
Новые блоги и статьи
Асинхронный приём данных из COM-порта
Argus19 01.05.2026
Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .
попытка написать игровой сервер на C++
pyirrlicht 29.04.2026
попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .
Контроль уникальности выбранного документа-основания при изменении реквизита
Maks 28.04.2026
Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .
Благородство как наказание
Maks 24.04.2026
У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru