Setting up SDL3 with OpenGL and GLAD (MinGW) Настройка SDL3 с OpenGL и GLAD (MinGW)

Building and running an SDL3 application with OpenGL and GLAD in C or C++ on Windows using MinGW and CMake. Сборка и запуск приложения SDL3 с использованием OpenGL и GLAD на C или C++ на Windows с помощью MinGW и CMake.

Prerequisite: Ensure you have followed the Environment Setup Guide (MinGW & CMake) Предварительное условие: Убедитесь, что вы выполнили инструкции из руководства по настройке среды (MinGW и CMake)

1. Obtain SDL 3.4.12 1. Получение SDL 3.4.12

Download two archives from the official release page: Скачайте два архива со страницы официального релиза:
Extract the SDL3-devel-3.4.12-mingw.zip archive to the C:/libs/SDL3-devel-3.4.12-mingw folder. Распакуйте архив SDL3-devel-3.4.12-mingw.zip в папку C:/libs/SDL3-devel-3.4.12-mingw.
Move the headers and libraries so the structure is SDL3-devel-3.4.12-mingw/include, etc: Переместите заголовочные файлы и библиотеки так, чтобы структура папок была SDL3-devel-3.4.12-mingw/include и т. д.:
Extract the SDL3-3.4.12-win32-x64.zip archive so the path is exactly C:/libs/SDL3-3.4.12-win32-x64: Распакуйте архив SDL3-3.4.12-win32-x64.zip так, чтобы путь был именно C:/libs/SDL3-3.4.12-win32-x64:

2. Add SDL3 to Environment Variables (Path) 2. Добавление SDL3 в переменные среды (Path)

To ensure your applications can find the SDL3.dll file at runtime, you should add the following path to the Path variable in your User variables section: Чтобы приложения могли находить SDL3.dll файл при запуске, добавьте следующий путь в переменную Path в разделе Переменные среды пользователя:

C:\libs\SDL3-3.4.12-win32-x64

3. Obtain GLAD 3. Получение GLAD

Go to the GLAD Web Generator and use the following settings: Перейдите в веб-генератор GLAD и используйте следующие настройки:
- Language: C/C++
- Specification: OpenGL
- API gl: Version 3.3
- Profile: Core
- Options: Generate a loader
Click Generate, download the glad.zip archive, and extract it to C:/libs/glad-0.1.36/opengl-3.3 (you can find the GLAD version at the bottom of the generator page). Нажмите Generate, скачайте архив glad.zip и распакуйте его в C:/libs/glad-0.1.36/opengl-3.3 (версию GLAD можно найти в нижней части страницы генератора).

Ensure the following path structure: Убедитесь в следующей структуре пути:
Folder structure

C:/libs/glad-0.1.36/opengl-3.3/
├── include/
│   ├── glad/glad.h
│   └── KHR/khrplatform.h
└── src/
    └── glad.c

3. Project Architecture 3. Архитектура проекта

Let's create a project that renders a simple triangle with OpenGL. Давайте создадим проект, который рисует простой треугольник с помощью OpenGL.
Screenshot

C Project: Create an empty folder named simple-triangle-opengl-sdl3-mingw-c and set up the following hierarchy by creating new empty files: CMakeLists.txt, main.c and so on:

Проект на C: Создайте пустую папку с именем simple-triangle-opengl-sdl3-wasm-c и подготовьте следующую иерархию, создав пустые файлы: CMakeLists.txt, main.c и т. д.:

simple-triangle-opengl-sdl3-mingw-c/
├── CMakeLists.txt
├── config-exe.bat
├── build-exe.bat
└── src/
    └── main.c

C++ Project: Create an empty folder named simple-triangle-opengl-sdl3-mingw-cpp and set up the following hierarchy by creating new empty files: CMakeLists.txt, main.cpp and so on:

Проект на C++: Создайте пустую папку с именем simple-triangle-opengl-sdl3-mingw-cpp и подготовьте следующую иерархию, создав пустые файлы: CMakeLists.txt, main.cpp и т. д.:

simple-triangle-opengl-sdl3-mingw-cpp/
├── CMakeLists.txt
├── config-exe.bat
├── build-exe.bat
└── src/
    └── main.cpp

4. CMake Configuration 4. Конфигурация CMake

C Project: Copy and paste the following code into the CMakeLists.txt file:

Проект на C: Скопируйте и вставьте следующее содержимое в файл CMakeLists.txt:

C++ Project: Copy and paste the following code into the CMakeLists.txt file:

Проект на C++: Скопируйте и вставьте следующее содержимое в файл CMakeLists.txt:

5. Source Code 5. Исходный код

`src/main.c` (or `src/main.cpp`):

6. Opening the Project in IDEs 6. Открытие проекта в IDE

Open the CMakeLists.txt file in CLion or Qt Creator. CMake will handle the rest. Откройте файл CMakeLists.txt в CLion или Qt Creator. CMake позаботится об остальном.

7. Automation Scripts (.bat) 7. Скрипты автоматизации (.bat)

You can open the project folder in Sublime Text 4 (or Notepad++). Create the following .bat scripts in the project root directory to automate the configuration, building, and running of your application:

Вы можете открыть папку проекта в Sublime Text 4 (или Notepad++). Создайте следующие .bat скрипты в корневой директории проекта для автоматизации конфигурации, сборки и запуска вашего приложения:

1. config-exe.bat

cmake -G "MinGW Makefiles" -S . -B dist/win

2. build-exe.bat

cd dist\win
cmake --build .
cd ..\..

3. run-exe.bat

dist\win\app

7. Source Code 7. Исходный код

You can explore the source code and download the complete project directly from the GitHub repository: Вы можете изучить исходный код и скачать готовый проект напрямую из репозитория на GitHub:

C Version: View C Repo Репозиторий (C)

C++ Version: View C++ Repo Репозиторий (C++)