Building SDL3 for Wasm Сборка SDL3 для Wasm

1. Preparation 1. Подготовка

2. Configure (emcmake) 2. Конфигурация (emcmake)

Run this command to generate the build files using the Emscripten toolchain wrapper. We use Release for a lightweight build. Запустите эту команду для генерации файлов сборки через оболочку Emscripten. Мы используем Release для получения легковесной библиотеки.

emcmake cmake -S . -B dist -DCMAKE_INSTALL_PREFIX="C:/libs/SDL3-devel-3.4.10-wasm" -DCMAKE_BUILD_TYPE=Release

3. Build & Install 3. Сборка и установка

Compile the source code: Скомпилируйте исходный код:

cmake --build dist -j8

Install the headers and libraries to the specified prefix: Установите заголовочные файлы и библиотеки по указанному пути:

cmake --install dist
You now have a Wasm-compatible SDL3 build in C:/libs/SDL3-devel-3.4.10-wasm. Use this path in your project's CMake configuration: Теперь у вас есть сборка SDL3 для Wasm в C:/libs/SDL3-devel-3.4.10-wasm. Используйте этот путь в конфигурации CMake вашего проекта:

-DSDL3_DIR=C:/libs/SDL3-devel-3.4.10-wasm/lib/cmake/SDL3

4. Pre-compiled Build 4. Готовая сборка

If you prefer to skip the compilation process, you can download the SDL3-devel-3.4.10-wasm package directly: Если вы предпочитаете пропустить процесс компиляции, вы можете скачать пакет SDL3-devel-3.4.10-wasm напрямую:

Download SDL3-devel-3.4.10-wasm Скачать SDL3-devel-3.4.10-wasm

Important: To ensure binary compatibility, you must use Emscripten SDK 4.0.15 when using this pre-compiled build. Using a different version may lead to linker errors or runtime issues. Важно: Для обеспечения бинарной совместимости вы обязаны использовать Emscripten SDK 4.0.15 при использовании этой предварительно скомпилированной сборки. Использование другой версии может привести к ошибкам компоновки или проблемам во время выполнения.

5. Next Steps 5. Следующие шаги

Now that you have built SDL3 for WebAssembly, proceed to the project setup guide to learn how to integrate and run your first application. Теперь, когда вы собрали SDL3 для WebAssembly, переходите к руководству по настройке проекта, чтобы узнать, как интегрировать и запустить ваше первое приложение.

Setting up your SDL3 Wasm Project (SDL3_Renderer) → Настройка проекта SDL3 Wasm (SDL3_Renderer) →
Setting up your SDL3 Wasm Project (OpenGL ES 3.0) → Настройка проекта SDL3 Wasm (OpenGL ES 3.0) →

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

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

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

Sberbank SBP QR Code

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

+7 (917) 212-29-59

USDT TRC20

USDT TRC20 QR Code

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

TMtY1YifNf6FKvgeFmqKGQR4NStKr3csGp