Qt 6 + cglm + SDL3_image (WebP) + Modern OpenGL 3.3 Core: Rotating 3D Textured Cube (Desktop) Qt 6 + cglm + SDL3_image (WebP) + Modern OpenGL 3.3 Core: Вращающийся 3D-текстурированный куб (Desktop)
A step-by-step guide to configuring and running a static desktop project integrating Qt 6, cglm math library for Perspective, View, and Model (MVP) transformations, a dedicated UV buffer, depth testing, SDL3_image with WebP, and smooth 90°/s rotation via QTimer on Windows and Ubuntu. Пошаговое руководство по настройке и запуску статического десктопного проекта, объединяющего Qt 6, математическую библиотеку cglm для перспективных, видовых и модельных (MVP) преобразований, выделенный UV-буфер, тест глубины, SDL3_image с поддержкой WebP и плавное вращение со скоростью 90°/с через QTimer под Windows и Ubuntu.
General (OpenGL Loader & Math Library): Общее (Загрузчик OpenGL и математическая библиотека):
- Installing GLAD OpenGL Loader Library on Windows & Ubuntu (OpenGL 3.3) Установка библиотеки-загрузчика OpenGL GLAD под Windows и Ubuntu (OpenGL 3.3)
- Installing cglm Library Установка библиотеки cglm
Windows (MinGW GCC 16.2): Windows (MinGW GCC 16.2):
- Building Static Qt 6 for Desktop OpenGL with MinGW GCC 16.2 Статическая сборка Qt 6 для Desktop OpenGL с MinGW GCC 16.2
- Building SDL3 Static Library for Windows Сборка статической библиотеки SDL3 для Windows
- Building SDL3_image Static Library with WebP Support for Windows (MinGW & CMake) Сборка статической библиотеки SDL3_image с поддержкой WebP для Windows (MinGW и CMake)
Ubuntu & Ubuntu WSL: Ubuntu и Ubuntu WSL:
- Building Static Qt 6 for Desktop OpenGL on Ubuntu & Ubuntu WSL Статическая сборка Qt 6 для Desktop OpenGL в Ubuntu и Ubuntu WSL
- Building SDL3 Static Library for Ubuntu Сборка статической библиотеки SDL3 для Ubuntu
- Building SDL3_image Static Library with WebP Support for Ubuntu (GCC, CMake & Ninja) Сборка статической библиотеки SDL3_image с поддержкой WebP для Ubuntu (GCC, CMake и Ninja)
1. Clone the Project Repository 1. Клонирование репозитория проекта
You can clone or download the complete ready-to-run 3D demo project directly from GitHub: github.com/ivan-enzhaev/textured-cube-cglm-sdl3-image-webp-qt-desktop Вы можете клонировать или скачать готовый к запуску 3D демонстрационный проект с GitHub: github.com/ivan-enzhaev/textured-cube-cglm-sdl3-image-webp-qt-desktop
git clone https://github.com/ivan-enzhaev/textured-cube-cglm-sdl3-image-webp-qt-desktop.git
2. Project Directory Structure 2. Структура каталогов проекта
The repository contains the following files: Репозиторий содержит следующие файлы:
textured-cube-cglm-sdl3-image-webp-qt-desktop/
├── assets/
│ └── textures/
│ └── clear_01.webp
├── src/
│ ├── main.cpp
│ ├── mainwindow.h
│ └── mainwindow.cpp
└── CMakeLists.txt
assets/textures/clear_01.webp: The WebP texture loaded at runtime and mapped across all 6 faces of the cube.Текстура формата WebP, загружаемая во время выполнения и накладываемая на все 6 граней куба.src/mainwindow.h / src/mainwindow.cpp: SubclassesQOpenGLWidget, defines 36 cube vertices, configures a dedicated UV buffer, enablesGL_DEPTH_TEST, calculates Model, View, and Perspective matrices usingcglm, passes the general MVP matrix to the vertex shader uniformu_mvp, and updates continuous rotation at 90°/s viaQTimerandQElapsedTimer.НаследуетQOpenGLWidget, определяет 36 вершин куба, настраивает выделенный UV-буфер, включаетGL_DEPTH_TEST, вычисляет матрицы модели, вида и перспективы с помощьюcglm, передаёт результирующую MVP-матрицу в uniform-переменную вершинного шейдераu_mvpи непрерывно вращает куб со скоростью 90°/с с помощьюQTimerиQElapsedTimer.src/main.cpp: Initializes SDL3, sets OpenGL 3.3 Core profile format with a 24-bit depth buffer (format.setDepthBufferSize(24)), and starts the Qt application.Инициализирует SDL3, задаёт профиль OpenGL 3.3 Core с 24-битным буфером глубины (format.setDepthBufferSize(24)) и запускает приложение Qt.CMakeLists.txt: Adds the cglm include directory (C:/libs/cglm-0.9.6/include) and configures static linking for Qt 6, GLAD, SDL3, SDL3_image, and libwebp.Добавляет каталог включения cglm (C:/libs/cglm-0.9.6/include) и настраивает статическую компоновку с Qt 6, GLAD, SDL3, SDL3_image и libwebp.
clear_01.png used in this project was downloaded from OpenGameArt (Crate #5) and converted to WebP format (clear_01.webp).
Текстурный ассет: Бесплатная текстура clear_01.png, используемая в данном проекте, была взята с сайта OpenGameArt (Crate #5) и сконвертирована в формат WebP (clear_01.webp).
3. Project Configuration & Testing in Qt Creator (Windows) 3. Конфигурация проекта и запуск в Qt Creator (Windows)
How to Open and Run in Qt Creator: Как открыть и запустить проект в Qt Creator:
-
In Qt Creator, click File > Open File or Project... (or press
Ctrl+O). В Qt Creator нажмите File > Open File or Project... (или нажмитеCtrl+O). -
Navigate to the cloned repository folder and select the
CMakeLists.txtfile. Перейдите в папку склонированного репозитория и выберите файлCMakeLists.txt. -
In the Configure Project screen, select your kit
Qt 6.12.0 Static (MinGW 16.2).
Important: OnlyDebugis checked by default. Make sure to also check theReleasecheckbox so that Qt Creator configures the optimized release build! Then click Configure Project. На экране Configure Project выберите ваш KitQt 6.12.0 Static (MinGW 16.2).
Важно: По умолчанию галочка стоит только наDebug. Обязательно поставьте галочку напротивRelease, чтобы Qt Creator сконфигурировал оптимизированную Release-сборку! После этого нажмите Configure Project. -
Switch the active build configuration to Release (click the monitor icon in the bottom-left corner of Qt Creator or press
Ctrl+T). Переключите активную конфигурацию сборки на Release (нажмите на значок монитора в левом нижнем углу окна Qt Creator или нажмитеCtrl+T). -
Press Ctrl+R to build and launch! The resulting single executable in the release build folder will run smoothly without needing any external DLLs.
Нажмите Ctrl+R для сборки и запуска! Итоговый одиночный
.exeфайл в папке release-сборки запустится плавно без необходимости наличия каких-либо внешних DLL.
4. Build and Run on Ubuntu & Ubuntu WSL (Terminal) 4. Сборка и запуск на Ubuntu и Ubuntu WSL (Терминал)
On Ubuntu or Ubuntu WSL, configure and compile the project using CMake and Ninja from the terminal: В Ubuntu или Ubuntu WSL сконфигурируйте и скомпилируйте проект с помощью CMake и Ninja через терминал:
wsl -d Ubuntu
mkdir dist && cd dist
# Configure pointing to your static Qt
cmake -DCMAKE_PREFIX_PATH=$HOME/libs/qt-6.12.0-static-gcc \
-DCMAKE_BUILD_TYPE=Release \
-GNinja ..
# Build
ninja
# Run! Window appears seamlessly on Windows desktop via WSLg
./app
5. Expected Output 5. Ожидаемый результат
When launched, the desktop application displays a 500x500 window showing a 3D textured wooden crate cube rotating smoothly at exactly 90 degrees per second. Depth testing ensures rear faces are properly occluded, and perspective projection creates realistic depth with no lighting applied. При запуске откроется нативное десктопное окно (500x500), отображающее 3D-текстурированный деревянный ящик (куб), плавно вращающийся со скоростью ровно 90 градусов в секунду. Буфер глубины корректно отсекает скрытые задние грани, а перспективная проекция создаёт реалистичный объём без использования освещения.
Complete source code for this project is available on GitHub: Полный исходный код проекта доступен на GitHub:
View on GitHub Смотреть на GitHubSupport My Work Поддержать проект
If these tutorials helped you, consider buying me a coffee! Если эти туториалы вам помогли, вы можете поддержать автора.
Sberbank (Russia only) Сбербанк (только для РФ)
Direct transfer via phone number (Russia only) Перевод по номеру телефона (только для РФ)
USDT TRC20
Support via Cryptocurrency Поддержка криптовалютой