Building SDL3 for Wasm Сборка SDL3 для Wasm
1. Preparation 1. Подготовка
- Install Emscripten SDK 4.0.15, CMake, and Node.js using this step-by-step instruction Установите Emscripten SDK 4.0.15, CMake и Node.js, используя эту пошаговую инструкцию
-
Download the SDL3 3.4.10 Source Code from the official GitHub releases
Скачайте исходный код SDL3 3.4.10 с официальных релизов GitHub
-
Extract it to a folder (e.g.,
C:/libs). Распакуйте архив в папку (например,C:/libs). - Open CMD inside that folder. Откройте CMD внутри этой папки.
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
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 напрямую:
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) Сбербанк (только для РФ)
Direct transfer via phone number (Russia only) Перевод по номеру телефона (только для РФ)
USDT TRC20
Support via Cryptocurrency Поддержка криптовалютой