Sdl3 - Форум программистов и сисадминов Киберфорум

SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++

Запись от 8Observer8 размещена 24.03.2026 в 06:18 / Блог 8Observer8. Обновил(-а) 8Observer8 21.03.2026 в 02:12

Показов 2300 Комментарии 0

Метки bash, c, c++, cmake, gamedev, sdl, sdl3, си

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

Финальные проекты на Си и на C++:

Результат:

Напишем программу с нуля, которая выводит текст на русском с помощью библиотеки SDL3_ttf и рисует отрезками равносторонний треугольник.

Установка инструментов

Установите CMake и

...

8Observer8

SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++

Запись от 8Observer8 размещена 17.03.2026 в 01:23 / Блог 8Observer8. Обновил(-а) 8Observer8 25.03.2026 в 10:22

Показов 3238 Комментарии 1

Метки bash, c, c++, cmake, gamedev, sdl, sdl3, си

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

Финальные проекты на Си и на C++:

Результат:

Настройка окружения

Установите CMake и MinGW 13.1 по пошаговой инструкции: Установка CMake и MinGW 13.1
Скачайте библиотеку SDL3 по ссылке: SDL3-devel-3.4.2-mingw.zip
Примечание.

...

8Observer8

SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++

Запись от 8Observer8 размещена 10.03.2026 в 14:45 / Блог 8Observer8. Обновил(-а) 8Observer8 17.03.2026 в 01:10

Показов 4363 Комментарии 1

Метки bash, c, c++, cmake, gamedev, sdl, sdl3, си

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

Финальные проекты на Си и на C++:

Результат:

Установите CMake и MinGW 13.1 по пошаговой инструкции: Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
Скачайте библиотеку SDL3 по ссылке: SDL3-devel-3.4.2-mingw.zip
Примечание. Эту библиотеку

...

8Observer8

SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D

Запись от 8Observer8 размещена 04.03.2026 в 00:03 / Блог 8Observer8. Обновил(-а) 8Observer8 04.03.2026 в 00:05

Показов 2811 Комментарии 0

Метки android, bash, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c.zip

На первой гифке отладочные линии отключены, а на второй включены:

Вспомогательные линии нужны...

8Observer8

SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий

Запись от 8Observer8 размещена 02.03.2026 в 17:15 / Блог 8Observer8. Обновил(-а) 8Observer8 05.03.2026 в 18:05

Показов 3148 Комментарии 1

Метки android, bash, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_ttf, ttf, wasm, webassembly, си

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

Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c.zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем.

...

8Observer8

SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten

Запись от 8Observer8 размещена 27.02.2026 в 20:31 / Блог 8Observer8. Обновил(-а) 8Observer8 07.05.2026 в 16:56

Показов 2739 Комментарии 3

Метки android, bash, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_image, sdl3_mixer, sdl3_ttf, ttf, wasm, webassembly, си

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

Недавно вышла версия 3.4.2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. Однако там отсутствуют сборки для Emscripten (Wasm). Это связано с тем, что для Web-платформы критически важно, чтобы SDL3 была...

8Observer8

SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами

Запись от 8Observer8 размещена 20.02.2026 в 16:51 / Блог 8Observer8. Обновил(-а) 8Observer8 02.03.2026 в 14:01

Показов 4547 Комментарии 0

Метки android, bash, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее препятствие на этом скриншоте:

Финальная демка этой инструкции. Итоговый код: finish-player-movement-sdl3-c.zip

В физическом мире Box2D...

8Observer8

SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров

Запись от 8Observer8 размещена 12.02.2026 в 00:48 / Блог 8Observer8. Обновил(-а) 8Observer8 03.03.2026 в 00:34

Показов 4005 Комментарии 0

Метки android, bash, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-box2d-v3-wasm-sdl3-c.zip

Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли...

8Observer8

SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)

Запись от 8Observer8 размещена 11.02.2026 в 14:19 / Блог 8Observer8. Обновил(-а) 8Observer8 03.03.2026 в 19:38

Показов 3866 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным фоном) встроенными средствами библиотеки SDL3. Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-native-png-loader-wasm-sdl3-c.zip
...

8Observer8

SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image

Запись от 8Observer8 размещена 10.02.2026 в 21:25 / Блог 8Observer8. Обновил(-а) 8Observer8 10.02.2026 в 20:47

Показов 2335 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_image, wasm, webassembly, си

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

Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным фоном) помощью библиотеки SDL3_image. Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-load-png-wasm-sdl3-c.zip

Подключение библиотек SDL3 и SDL3_image

...

8Observer8

SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer

Запись от 8Observer8 размещена 08.02.2026 в 23:05 / Блог 8Observer8. Обновил(-а) 8Observer8 10.02.2026 в 19:50

Показов 2289 Комментарии 0

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_mixer, wasm, webassembly, си

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

Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по касанию холста на мобильных устройствах. Запустить финальную демку в браузере можно по ссылке. Скачать результат: finish-play-sound-wasm-sdl3-c.zip

Подключение библиотек SDL3 и SDL3_mixer к стартовому примеру

Установите Emscripten 4.0.15 и CMake

...

8Observer8

SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств

Запись от 8Observer8 размещена 07.02.2026 в 17:31 / Блог 8Observer8. Обновил(-а) 8Observer8 19.02.2026 в 21:16

Показов 2089 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса отладки. В этой инструкции подключим мобильное устройство по USB-кабелю к компьютеру. Выведем отладочную информацию и мобильного веб-приложения в консоль браузера Chrome на компьютер.

Выполните пошаговую инструкцию для создания стартового примера: Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве

...

8Observer8

SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве

Запись от 8Observer8 размещена 02.02.2026 в 00:05 / Блог 8Observer8. Обновил(-а) 8Observer8 11.07.2026 в 14:14

Показов 4071 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик касания экрана мобильного устройства, чтобы один и тот же проект работал в браузере ПК и в браузере мобильного устройства. Исходники того, что получилось: mouse-and-touch-handlers-sdl3.zip

Если у вас не установлены Emscripten SDK и CMake, то установите...

8Observer8

SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf

Запись от 8Observer8 размещена 01.02.2026 в 00:47 / Блог 8Observer8. Обновил(-а) 8Observer8 19.03.2026 в 15:05

Показов 3575 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_ttf, ttf, wasm, webassembly, си

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

В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный хостинг Vercel из консоли парой консольных команд: "vercel login" и "vercel". Финальный результат инструкции в браузере: запустить демку в один клик. Исходники финальной демки: finish-hello-ttf-wasm-sdl3-c.zip

Если у вас не установлены Emscripten...

8Observer8

SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли в WebAssembly (Wasm)

Запись от 8Observer8 размещена 30.01.2026 в 23:45 / Блог 8Observer8. Обновил(-а) 8Observer8 01.04.2026 в 14:01

Показов 3906 Комментарии 1

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Финальный код: finish-hello-wasm-sdl3-c.zip

Название: 693b6f07-c865-4613-88b4-b0e812a904bf.png
Просмотров: 6815

Размер: 2.0 Кб

QR-код для запуска на смартфонах:

Название: 010516df-4372-49e1-8b0a-ffcb04494b76.png
Просмотров: 6821

Размер: 4.6 Кб

Демка в браузере

Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples (кстати, они все на Си), то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main() отсутствует:

SDL_AppInit

...

8Observer8

Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm

Запись от 8Observer8 размещена 30.01.2026 в 20:21 / Блог 8Observer8. Обновил(-а) 8Observer8 16.03.2026 в 15:31

Показов 4589 Комментарии 0

Метки android, bash, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git необходимо в данном случае только для клонирования репозитория emsdk.

Установка Emscripten SDK (emsdk)

Есть официальная пошаговая инструкция, которой мы будет следовать:

Откройте терминал в корне

...

8Observer8

SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров

Запись от 8Observer8 размещена 29.01.2026 в 22:55 / Блог 8Observer8. Обновил(-а) 8Observer8 01.02.2026 в 04:27

Показов 3633 Комментарии 0

Метки android, box2d, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, си

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

Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в отличие от v2, которая написана на C++, но v2 была близка с Си. Насколько я знаю, в Box2D v2 совсем не использовалась STL (Стандартная библиотека шаблонов).

Комментарий Gemini 3 по поводу Box2D новой C-версии:

Переход Box2D на чистый Си (версия

...

8Observer8

SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)

Запись от 8Observer8 размещена 28.01.2026 в 01:01 / Блог 8Observer8. Обновил(-а) 8Observer8 01.02.2026 в 04:23

Показов 3272 Комментарии 0

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, си

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

SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая появилась в SDL 3.3. Таким образом теперь не нужно подключать библиотеку SDL3_image для базовой работы с PNG-файлами. Если нужны расширенные средства работы с изображениями, то нужно подключать библиотеку SDL3_image: Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
...

8Observer8

SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image

Запись от 8Observer8 размещена 27.01.2026 в 01:49 / Блог 8Observer8. Обновил(-а) 8Observer8 01.02.2026 в 04:24

Показов 2382 Комментарии 0

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_image, си

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

SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с прозрачным фоном. На самом деле, SDL3 имеет собственные средства для загрузки и отображения PNG-файлов. Если вам интересно, как загружать PNG без подключения SDL3_image, то можете посмотреть эту пошаговую инструкцию: Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)...

8Observer8

SDL3 для Android: Работа со звуком через SDL3_mixer

Запись от 8Observer8 размещена 26.01.2026 в 00:56 / Блог 8Observer8. Обновил(-а) 8Observer8 07.02.2026 в 21:28

Показов 3029 Комментарии 0

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_mixer, си

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

SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только добавить библиотеку SDL3_mixer и включить проигрывание звука при касании экрана смартфона.

Если у вас не установлены Android SDK, NDK, JDK, и т.д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т.д.

Сборка примера

...

8Observer8

SDL3 для Android: Вывод текста со шрифтом TTF с помощью SDL3_ttf

Запись от 8Observer8 размещена 25.01.2026 в 15:55 / Блог 8Observer8. Обновил(-а) 8Observer8 01.02.2026 в 01:01

Показов 2301 Комментарии 0

Метки android, c, c++, cmake, gamedev, mobiledev, sdl, sdl3, sdl3_ttf, ttf, си

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

Если у вас не установлены Android SDK, NDK, JDK, и т.д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т.д.

Сборка примера

Скачайте этот пример. На всякий случай, я прикрепил его в виде архива: sdlcross-text.zip
Извлеките пример из архива. Можете открыть папку с извлечённым примером в редакторе кода Sublime Text 4: https://www.sublimetext.com/download
Скачайте

...

8Observer8

Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly

Запись от 8Observer8 размещена 24.01.2026 в 19:54 / Блог 8Observer8. Обновил(-а) 8Observer8 12.03.2026 в 22:24

Показов 2295 Комментарии 0

Метки android, c, c++, gamedev, mobiledev, sdl, sdl3, wasm, webassembly, си

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

Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main() отсутствует:

SDL_AppInit (Initialization) - эта функция срабатывает один раз самой первой.
SDL_AppEvent (Event Handler) - эта функция срабатывает каждый раз, когда происходит

...

8Observer8

SDL3 на Android: Сборка C/C++ проекта из консоли

Запись от 8Observer8 размещена 14.08.2025 в 19:44 / Блог 8Observer8. Обновил(-а) 8Observer8 01.04.2026 в 14:31

Показов 9582 Комментарии 3

Метки android, bash, c, c++, gamedev, mobiledev, opengl, sdl, sdl3, си

Сборка примера

Скачайте этот пример (с SDL3 Renderer API, который показывает квадраты при касании экрана на месте касаний) или этот пример (с OpenGL ES 2.0, который рисует простой треугольник) с GitHub. Распакуйте архив в удобную директорию

...

8Observer8

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

Запись от 8Observer8 размещена 10.05.2023 в 15:15 / Блог 8Observer8. Обновил(-а) 8Observer8 07.05.2026 в 17:01

Показов 7600 Комментарии 0

Метки c, c++, c++ qt, javascript, opengl, python, qt, sdl, sdl2, sdl3, webgl

Содержание в хронологическом порядке:

...

8Observer8

Всего блогов	1,223
Всего записей	7,243
Записи за последние сутки	1

Новые блоги и статьи Все статьи Все блоги /
Альцгеймер и колоссальный объем вычислений Programma_Boinc 08.08.2026 Альцгеймер и колоссальный объем вычислений Сейчас по направлению болезни Альцгеймера идет колоссальный объем вычислений. Это один из главных приоритетов проекта. Такой массовый наплыв задач. . .	Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .
У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .	Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .	Создание формы заимствованного документа Maks 03.08.2026 Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .

Сообщение форума

Отменить изменения

Архив
< Август 2026
Вс	Пн	Вт	Ср	Чт	Пт	Сб
26	27	28	29	30	31	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5