{"draftJsState":{"blocks":[{"data":{"image":{"id":"67457463fa0f7f43d3a87c15"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"e328"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SDL2 (Simple DirectMedia Layer) — это мощная библиотека для разработки мультимедийных приложений и игр. Она предоставляет удобный интерфейс для работы с графикой, звуком, вводом и сетью. В этой статье мы рассмотрим основы SDL2 и создадим простое приложение, объясняя каждый шаг и код.","type":"unstyled","key":"chpa4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 1: Установка SDL2","type":"header-two","key":"n9qf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1.1. Скачивание библиотеки","type":"header-three","key":"9sh7i"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":20,"offset":13}],"inlineStyleRanges":[],"text":"Перейдите на официальный сайт SDL.","type":"ordered-list-item","key":"13k0p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выберите версию для вашей операционной системы и скачайте её.","type":"ordered-list-item","key":"9n9eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1.2. Установка на Windows","type":"header-three","key":"82b5a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Распакуйте архив и скопируйте файлы в соответствующие директории вашего проекта:SDL2.dll в папку с исполняемым файлом.\nЗаголовочные файлы в папку include.\nБиблиотеки в папку lib.\n","type":"ordered-list-item","key":"1sbip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1.3. Установка на Linux","type":"header-three","key":"8kg73"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для установки SDL2 на Linux используйте пакетный менеджер. Например, для Ubuntu выполните команду:","type":"unstyled","key":"8jc1a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"sudo apt-get install libsdl2-dev","type":"unstyled","key":"6o61m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 2: Создание нового проекта","type":"header-two","key":"fbmq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте новый проект в вашей IDE. Для примера мы будем использовать CMake, но вы можете использовать любую IDE, которая поддерживает C++.","type":"unstyled","key":"8nnka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.1. Структура проекта","type":"header-three","key":"d4ofl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте следующую структуру папок:","type":"unstyled","key":"4tvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/my_sdl_app\n ├── CMakeLists.txt\n └── main.cpp","type":"unstyled","key":"9jume"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 3: Основной код приложения","type":"header-two","key":"2k88j"},{"data":{"image":{"id":"6745756206e4e66adcc8324d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3qa8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь давайте напишем код для нашего приложения. Откройте файл main.cpp и вставьте следующий код:","type":"unstyled","key":"fjc82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#include #include \nconst int SCREEN_WIDTH = 800;\nconst int SCREEN_HEIGHT = 600;\n\nint main(int argc, char* argv[]) {\n // Инициализация SDL if (SDL_Init(SDL_INIT_VIDEO) < 0) {\n std::cerr << \"Не удалось инициализировать SDL: \" << SDL_GetError() << std::endl;\n return -1;\n }\n\n // Создание окна SDL_Window* window = SDL_CreateWindow(\"Приложение на SDL2\", \n SDL_WINDOWPOS_CENTERED, \n SDL_WINDOWPOS_CENTERED, \n SCREEN_WIDTH, \n SCREEN_HEIGHT, \n SDL_WINDOW_SHOWN);\n if (window == nullptr) {\n std::cerr << \"Не удалось создать окно: \" << SDL_GetError() << std::endl;\n SDL_Quit();\n return -1;\n }\n\n // Основной цикл bool running = true;\n SDL_Event event;\n while (running) {\n // Обработка событий while (SDL_PollEvent(&event)) {\n if (event.type == SDL_QUIT) {\n running = false; // Завершение работы при закрытии окна }\n }\n\n // Очистка экрана SDL_SetRenderDrawColor(SDL_GetRenderer(window), 0, 0, 0, 255);\n SDL_RenderClear(SDL_GetRenderer(window));\n\n // Здесь можно добавить ваш код для рисования \n // Отображение обновлений SDL_RenderPresent(SDL_GetRenderer(window));\n }\n\n // Освобождение ресурсов SDL_DestroyWindow(window);\n SDL_Quit();\n return 0;\n}","type":"unstyled","key":"7j8gj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объяснение кода","type":"header-two","key":"854du"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Включение заголовков","type":"header-three","key":"4v32p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#include #include ","type":"unstyled","key":"a37bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эти строки включают заголовочные файлы SDL и стандартной библиотеки ввода-вывода для работы с консолью.","type":"unstyled","key":"au7jc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Определение размеров окна","type":"header-three","key":"8un8r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const int SCREEN_WIDTH = 800;\nconst int SCREEN_HEIGHT = 600;","type":"unstyled","key":"3ipom"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь мы определяем ширину и высоту окна, которые будут использоваться при его создании.","type":"unstyled","key":"5aa6f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Инициализация SDL","type":"header-three","key":"87kpf"},{"data":{"image":{"id":"6745759a06e4e66adcc88a02"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bap0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (SDL_Init(SDL_INIT_VIDEO) < 0) {\n std::cerr << \"Не удалось инициализировать SDL: \" << SDL_GetError() << std::endl;\n return -1;\n}","type":"unstyled","key":"3m066"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта часть кода инициализирует SDL. Если инициализация не удалась, выводится сообщение об ошибке, и программа завершается.","type":"unstyled","key":"4gtig"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Создание окна","type":"header-three","key":"512v9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SDL_Window* window = SDL_CreateWindow(\"Приложение на SDL2\", \n SDL_WINDOWPOS_CENTERED, \n SDL_WINDOWPOS_CENTERED, \n SCREEN_WIDTH, \n SCREEN_HEIGHT, \n SDL_WINDOW_SHOWN);","type":"unstyled","key":"13h2o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь мы создаем окно с заданным заголовком и размерами. Если создание окна не удалось, выводится сообщение об ошибке, и программа завершается.","type":"unstyled","key":"7gtbc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Основной цикл","type":"header-three","key":"4l0ak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bool running = true;\nSDL_Event event;\nwhile (running) {\n while (SDL_PollEvent(&event)) {\n if (event.type == SDL_QUIT) {\n running = false; // Завершение работы при закрытии окна }\n }","type":"unstyled","key":"beanl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот цикл обрабатывает события, такие как нажатия клавиш и закрытие окна. Если пользователь закрывает окно, переменной running присваивается значение false, и цикл завершает свою работу.","type":"unstyled","key":"9649c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"6. Очистка экрана","type":"header-three","key":"7pr7i"},{"data":{"image":{"id":"674575ddc0e74d2e0423a0c9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7l47m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5cdqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SDL_SetRenderDrawColor(SDL_GetRenderer(window), 0, 0, 0, 255);\nSDL_RenderClear(SDL_GetRenderer(window));","type":"unstyled","key":"bv5cu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эти строки устанавливают цвет для рисования (в данном случае черный) и очищают экран.","type":"unstyled","key":"9472g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"7. Отображение обновлений","type":"header-three","key":"1scg0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SDL_RenderPresent(SDL_GetRenderer(window));","type":"unstyled","key":"9as56"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта функция отображает все изменения, сделанные на экране, после того как вы очистили его и добавили новые элементы.","type":"unstyled","key":"qe3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"8. Освобождение ресурсов","type":"header-three","key":"93cli"},{"data":{"image":{"id":"674574e31117a85da78f457e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9ha5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SDL_DestroyWindow(window);\nSDL_Quit();","type":"unstyled","key":"2reh5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В конце программы мы освобождаем ресурсы, связанные с окном, и завершаем работу SDL.","type":"unstyled","key":"rv8j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 4: Компиляция и запуск","type":"header-two","key":"2l0t4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.1. CMakeLists.txt","type":"header-three","key":"6295o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте файл CMakeLists.txt с содержимым:","type":"unstyled","key":"5gerr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cmake_minimum_required(VERSION 3.10)\nproject(MySDLApp)\n\nset(CMAKE_CXX_STANDARD 11)\n\nfind_package(SDL2 REQUIRED)\n\nadd_executable(MySDLApp main.cpp)\ntarget_link_libraries(MySDLApp SDL2::SDL2)","type":"unstyled","key":"2kq1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.2. Сборка проекта","type":"header-three","key":"9otfb"},{"data":{"image":{"id":"6745763ee8efdb64d47ccd99"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"14dis"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте терминал и перейдите в папку проекта.","type":"unstyled","key":"6bg6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполните команды:","type":"ordered-list-item","key":"buhdk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"mkdir build\ncd build\ncmake ..\nmake","type":"unstyled","key":"d6nuc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.3. Запуск приложения","type":"header-three","key":"1c998"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После успешной сборки запустите приложение:","type":"unstyled","key":"8cb46"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"./MySDLApp","type":"unstyled","key":"4u9c5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы должны увидеть окно с заголовком \"Приложение на SDL2\".","type":"unstyled","key":"emv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение","type":"header-two","key":"fo2al"},{"data":{"image":{"id":"674576066a4cf338976a605e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1a6tf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой статье мы рассмотрели основы работы с SDL2, создали простое окно и объяснили каждый шаг кода. SDL2 предоставляет множество возможностей для создания игр и мультимедийных приложений. Вы можете продолжать развивать свои навыки, добавляя графику, звук и взаимодействие с пользователем. Удачи в разработке!","type":"unstyled","key":"edk7b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"RtJZ6FIBntjymYDqmZ6V"}],"entityMap":{"0":{"data":{"url":"https://www.libsdl.org/download-2.0.php"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}