Integrating Dear ImGui with SDL3 (Cross-Platform: Desktop, Android & Wasm) Интеграция Dear ImGui с SDL3 (Кроссплатформенный пример: Desktop, Android и Wasm)

Build and run a unified Dear ImGui and SDL3 application across desktop platforms (Windows MinGW, Ubuntu Linux), mobile devices (Android GLES3), and the web (WebAssembly / WebGL2) using one general codebase. Сборка и запуск единого приложения Dear ImGui и SDL3 на десктопных платформах (Windows MinGW, Ubuntu Linux), мобильных устройствах (Android GLES3) и в вебе (WebAssembly / WebGL2) из общего репозитория.

🚀 Live WebAssembly Demo 🚀 Онлайн-демо в WebAssembly

Test this cross-platform Dear ImGui + SDL3 project directly in your browser before compiling locally: Попробуйте этот кроссплатформенный проект Dear ImGui + SDL3 прямо в браузере перед локальной сборкой:

Open Live Wasm Demo → Открыть Онлайн Wasm Демо →

Step 1: Download the Unified Cross-Platform Project from GitHub Шаг 1: Скачивание общего кроссплатформенного проекта с GitHub

Clone the general cross-platform repository or download the source archive: Клонируйте общий кроссплатформенный репозиторий или скачайте архив с исходным кодом:

git clone https://github.com/ivan-enzhaev/imgui-sdl3-opengl-cross-platform.git
cd imgui-sdl3-opengl-cross-platform

GitHub repository: https://github.com/ivan-enzhaev/imgui-sdl3-opengl-cross-platform Репозиторий на GitHub: https://github.com/ivan-enzhaev/imgui-sdl3-opengl-cross-platform

This single repository contains the unified C++ code with modern SDL3 Callbacks API (SDL_AppInit, SDL_AppIterate, SDL_AppEvent, SDL_AppQuit) and ready-to-use build scripts for all targets. Этот репозиторий содержит единый исходный код C++ на современном SDL3 Callbacks API (SDL_AppInit, SDL_AppIterate, SDL_AppEvent, SDL_AppQuit) и готовые скрипты сборки под все платформы.

Building for Windows (MinGW, OpenGL 3.3) Сборка под Windows (MinGW, OpenGL 3.3)

Make sure you have completed the prerequisite setups for Windows: Убедитесь, что вы предварительно настроили среду для Windows:

Open Command Prompt or PowerShell in the project root directory and run: Откройте командную строку (CMD) или PowerShell в корне проекта и запустите:

config-win
build-win
run-win

Building for Ubuntu Linux (OpenGL 3.3) Сборка под Ubuntu Linux (OpenGL 3.3)

Make sure you have completed the prerequisite setups for Ubuntu: Убедитесь, что вы предварительно настроили среду для Ubuntu:

In your terminal, grant execution permissions and run the build scripts: В терминале предоставьте права на выполнение и запустите скрипты сборки:

chmod +x config-linux.sh build-linux.sh run-linux.sh
./config-linux.sh
./build-linux.sh
./run-linux.sh

Building for Android (OpenGL ES 3.0 / APK) Сборка под Android (OpenGL ES 3.0 / APK)

Make sure you have configured the Android toolchain and SDL3 Android shared library: Убедитесь, что вы настроили инструменты Android и динамическую библиотеку SDL3 для Android:

On Windows: connect your Android device with USB debugging enabled and run: На Windows: подключите Android-устройство с включенной отладкой по USB и запустите:

build-android
install-android

Building for WebAssembly (Emscripten, WebGL 2.0) Сборка под WebAssembly (Emscripten, WebGL 2.0)

Make sure you have configured Emscripten and the SDL3 Wasm static library: Убедитесь, что вы настроили Emscripten и статическую библиотеку SDL3 для Wasm:

On Windows: run the web configuration and build scripts: На Windows: запустите скрипты конфигурации и сборки под веб:

config-web
build-web

Start a local HTTP server to preview in your browser: Запустите локальный HTTP-сервер для просмотра в браузере:

python -m http.server -d public
# or
npx http-server public -c-1

Complete unified source code and scripts are available on GitHub: Полный исходный код и скрипты сборки доступны на GitHub:

View on GitHub Смотреть на GitHub

Support My Work Поддержать проект

If these tutorials helped you, consider buying me a coffee! Если эти туториалы вам помогли, вы можете поддержать автора.

Sberbank (Russia only) Сбербанк (только для РФ)

Direct transfer via phone number (Russia only) Перевод по номеру телефона (только для РФ)

+7 (917) 212-29-59

USDT TRC20

Support via Cryptocurrency Поддержка криптовалютой

TMtY1YifNf6FKvgeFmqKGQR4NStKr3csGp

← Back to Tutorials ← Назад к туториалам