Dynamic Uniform Offsets in 2D (WebGPU) Динамические смещения униформов в 2D (WebGPU)

Rendering multiple 2D objects sharing a WebP texture using dynamic uniform offsets in WebGPU and SDL3_image for Windows, Android, and WebAssembly. Рендеринг нескольких 2D-объектов с общей WebP-текстурой с использованием динамических смещений униформов в WebGPU и SDL3_image для Windows, Android и WebAssembly.

View the Wasm Demo in the Browser Запустить Wasm-демо в браузере

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

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++)

Build and Run for Windows (MinGW) Сборка и запуск для Windows (MinGW)

Make sure you have set up your environment and built the required libraries for Windows (MinGW) by following these instructions: Убедитесь, что вы настроили окружение и собрали необходимые библиотеки для Windows (MinGW), следуя этим инструкциям:

Configure the project: Сконфигурируйте проект:

config-exe

Build the project: Соберите проект:

build-exe

Run the project: Запустите проект:

run-exe

Build and Run for Android Сборка и запуск для Android

Make sure you have set up your environment and built the required shared libraries for Android by following these instructions: Убедитесь, что вы настроили окружение и собрали необходимые динамические библиотеки для Android, следуя этим инструкциям:

Build the project: Соберите проект:

build-apk

Install the app to the device: Установите приложение на устройство:

install-apk

Useful Tips Полезные советы

Show a log: adb logcat -s MY_APP SDL stdout stderr wgpu wgpu_native AndroidRuntime Показать лог: adb logcat -s MY_APP SDL stdout stderr wgpu wgpu_native AndroidRuntime
Clear a log: adb logcat -c Очистить лог: adb logcat -c
Check connected devices: adb devices Проверка подключенных устройств: adb devices

Build and Run for WebAssembly Сборка и запуск для WebAssembly

Make sure you have set up your environment and built the required static libraries for WebAssembly by following these instructions: Убедитесь, что вы настроили окружение и собрали необходимые статические библиотеки для WebAssembly, следуя этим инструкциям:

Configure the project: Сконфигурируйте проект:

config-wasm

Build the project: Соберите проект:

build-wasm

Now, start your local server: Теперь запустите локальный сервер:

# Option 1: Using Node.js (http-server)
http-server -c-1

# Option 2: Using Python
python -m http.server 8080

Open localhost:8080 in your browser and check the console (F12 or Ctrl+Shift+J) to see the output. Откройте localhost:8080 в браузере и проверьте консоль (F12 или Ctrl+Shift+J), чтобы увидеть результат.

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

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

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

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

+7 (917) 212-29-59

USDT TRC20

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

TMtY1YifNf6FKvgeFmqKGQR4NStKr3csGp

← Back to Tutorials ← Назад к туториалам