Graphics & Game Dev Tutorials Туториалы по графике и играм

A collection of examples for SDL3, WebGPU, WebGL 2.0, and more. Коллекция примеров для SDL3, WebGPU, WebGL 2.0 и других технологий.

SDL3 and WebGPU (2D) - 3 in 1 (Windows, WebAssembly, Android) SDL3 и WebGPU (2D) - 3 в 1 (Windows, WebAssembly, Android)

WebGPU Context Setup (SDL3) Настройка контекста WebGPU (SDL3)

Creating a WebGPU rendering context and clearing the background for Windows, Android, and WebAssembly. Создание рендеринг-контекста WebGPU и очистка фона для Windows, Android и WebAssembly.

View

Simple texture in 2D (WebGPU) Отображение простой текстуры в 2D (WebGPU)

Rendering a simple texture in 2D using WebGPU for Windows, Android, and WebAssembly. Отображение простой текстуры в 2D с использованием WebGPU для Windows, Android, и WebAssembly.

View

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

Rendering multiple 2D objects with dynamic uniform offsets and WebGPU for Windows, Android, and WebAssembly. Отображение нескольких 2D-объектов с использованием динамических смещений униформов и WebGPU для Windows, Android, и WebAssembly.

View

SDL3 and WebGPU (3D) - 3 in 1 (Windows, WebAssembly, Android) SDL3 и WebGPU (3D) - 3 в 1 (Windows, WebAssembly, Android)

WebGPU Context Setup (SDL3) Настройка контекста WebGPU (SDL3)

View

SDL3 for Desktop (Windows) - WebGPU (C and C++) SDL3 для Desktop (Windows) - WebGPU (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

Installing MinGW 16.2, CMake, Qt Creator, and CLion for professional C/C++ development on Windows. Установка MinGW 16.2, CMake, Qt Creator и CLion для профессиональной разработки на C/C++ в Windows.

View

Building SDL3 Static Library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3 для Windows (MinGW и CMake)

A step-by-step guide to building libSDL3.a from source for Windows using MinGW and CMake. Пошаговое руководство по сборке libSDL3.a из исходного кода для Windows с использованием MinGW и CMake.

View

Building WebP Static Library for Windows (MinGW & CMake) Сборка статической библиотеки WebP для Windows (MinGW и CMake)

A step-by-step guide to building libwebp.a static library from source for Windows using MinGW and CMake. Пошаговое руководство по сборке статической библиотеки libwebp.a из исходного кода для Windows с использованием MinGW и CMake.

View

Building SDL3_image static library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3_image для Windows (MinGW и CMake)

A step-by-step guide to building static libSDL3_image.a from source for Windows using CMake and MinGW with WebP support. Пошаговое руководство по сборке статической библиотеки libSDL3_image.a из исходного кода для Windows с помощью CMake и MinGW с поддержкой WebP.

View

SDL3 for WebAssembly - WebGPU (C and C++) SDL3 для WebAssembly - WebGPU (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Building SDL3 Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3 для WebAssembly (Emscripten и CMake)

A step-by-step guide to building libSDL3.a from source for WebAssembly on Windows using Emscripten and CMake. Пошаговое руководство по сборке libSDL3.a из исходного кода для WebAssembly на Windows с использованием Emscripten и CMake.

View

Building WebP Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки WebP для WebAssembly (Emscripten и CMake)

A step-by-step guide to building libwebp.a static library from source for WebAssembly using Emscripten and CMake. Пошаговое руководство по сборке статической библиотеки libwebp.a из исходного кода для WebAssembly с использованием Emscripten и CMake.

View

Building SDL3_image Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3_image для WebAssembly (Emscripten и CMake)

A step-by-step guide to building static libSDL3_image.a from source for WebAssembly using CMake, Emscripten, and WebP support. Пошаговое руководство по сборке статической библиотеки libSDL3_image.a из исходного кода для WebAssembly с помощью CMake, Emscripten и поддержки WebP.

View

SDL3 for Android - WebGPU (C and C++) SDL3 для Android - WebGPU (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Android Environment Setup Настройка окружения для Android

Manual installation of SDK, NDK, JDK, and CMake. Установка Android SDK, NDK, JDK, CMake и т.д.

View

Building SDL3 Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3 для Android (NDK и CMake)

A step-by-step guide to building libSDL3.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libSDL3.so из исходного кода для Android с использованием CMake и NDK.

View

Converting an Android SDL3 C Project to C++ Конвертация C-проекта SDL3 для Android в C++

A step-by-step guide to converting an existing Android SDL3 C project into a C++20 project. Пошаговое руководство по конвертации существующего C-проекта SDL3 для Android в проект C++20.

View

Renaming an Android SDL3 Project Переименование проекта SDL3 для Android

A step-by-step guide to renaming the package name, application name, native library, and CMake project of an Android SDL3 project. Пошаговое руководство по изменению имени пакета, названия приложения, нативной библиотеки и CMake-проекта в SDL3 для Android.

View

Building WebP Shared Library for Android (NDK & CMake) Сборка динамической библиотеки WebP для Android (NDK и CMake)

A step-by-step guide to building libwebp.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libwebp.so из исходного кода для Android с использованием CMake и NDK.

View

Building SDL3_image Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_image для Android (NDK и CMake)

A step-by-step guide to building libSDL3_image.so from source for Android using CMake and NDK with WebP support. Пошаговое руководство по сборке libSDL3_image.so из исходного кода для Android с использованием CMake и NDK с поддержкой WebP.

View

Building FreeType Shared Library for Android (NDK & CMake) Сборка динамической библиотеки FreeType для Android (NDK и CMake)

A step-by-step guide to building libfreetype.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libfreetype.so из исходного кода для Android с использованием CMake и NDK.

View

Building SDL3_ttf Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_ttf для Android (NDK и CMake)

A step-by-step guide to building libSDL3_ttf.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libSDL3_ttf.so из исходного кода для Android с использованием CMake и NDK.

View

Building SDL3_mixer Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_mixer для Android (NDK и CMake)

A step-by-step guide to building libSDL3_mixer.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libSDL3_mixer.so из исходного кода для Android с использованием CMake и NDK.

View

Building SDL3_net Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_net для Android (NDK и CMake)

A step-by-step guide to building libSDL3_net.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libSDL3_net.so из исходного кода для Android с использованием CMake и NDK.

View

Building Box2D Shared Library for Android (NDK & CMake) Сборка динамической библиотеки Box2D для Android (NDK и CMake)

A step-by-step guide to building libbox2d.so from source for Android using CMake and NDK. Пошаговое руководство по сборке libbox2d.so из исходного кода для Android с использованием CMake и NDK.

View

SDL3 and OpenGL - 3 in 1 (Windows, WebAssembly, Android) SDL3 и OpenGL - 3 в 1 (Windows, WebAssembly, Android)

Simple triangle in 2D (OpenGL) Рисование простого треугольника в 2D (OpenGL)

Drawing a simple triangle in 2D for Windows, Android, and WebAssembly. Рисование простого треугольника в 2D для Windows, Android, и WebAssembly.

View

Line drawer in 2D (OpenGL) Рисование линии в 2D (OpenGL)

Drawing a line in 2D for Windows, Android, and WebAssembly. Рисование линии в 2D для Windows, Android, и WebAssembly.

View

Line drawer in 3D (OpenGL) Рисование линии в 3D (OpenGL)

Drawing a line in 3D for Windows, Android, and WebAssembly. Рисование линии в 3D для Windows, Android, и WebAssembly.

View

SDL3 for Desktop (Windows) - OpenGL (C and C++) SDL3 для Desktop (Windows) - OpenGL (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Building SDL3 Static Library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3 для Windows (MinGW и CMake)

View

Building WebP Static Library for Windows (MinGW & CMake) Сборка статической библиотеки WebP для Windows (MinGW и CMake)

View

Building SDL3_image static library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3_image для Windows (MinGW и CMake)

View

SDL3 for WebAssembly - OpenGL (C and C++) SDL3 для WebAssembly - OpenGL (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Building SDL3 Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3 для WebAssembly (Emscripten и CMake)

View

Building WebP Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки WebP для WebAssembly (Emscripten и CMake)

View

Building SDL3_image Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3_image для WebAssembly (Emscripten и CMake)

View

SDL3 for Android - OpenGL (C and C++) SDL3 для Android - OpenGL (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Android Environment Setup Настройка окружения для Android

Manual installation of SDK, NDK, JDK, and CMake. Установка Android SDK, NDK, JDK, CMake и т.д.

View

Building SDL3 Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3 для Android (NDK и CMake)

View

Setting up a template project Настройка шаблонного проекта

Building and running an SDL3 application on Android. Сборка и запуск приложения SDL3 на Android.

View

Converting an Android SDL3 C Project to C++ Конвертация C-проекта SDL3 для Android в C++

View

Renaming an Android SDL3 Project Переименование проекта SDL3 для Android

View

Building WebP Shared Library for Android (NDK & CMake) Сборка динамической библиотеки WebP для Android (NDK и CMake)

View

Building SDL3_image Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_image для Android (NDK и CMake)

View

Building FreeType Shared Library for Android (NDK & CMake) Сборка динамической библиотеки FreeType для Android (NDK и CMake)

View

Building SDL3_ttf Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_ttf для Android (NDK и CMake)

View

Building SDL3_mixer Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_mixer для Android (NDK и CMake)

View

Building SDL3_net Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_net для Android (NDK и CMake)

View

Building Box2D Shared Library for Android (NDK & CMake) Сборка динамической библиотеки Box2D для Android (NDK и CMake)

View

SDL3 for Desktop (Windows) - SDL3_Renderer (C and C++) SDL3 для Desktop (Windows) - SDL3_Renderer (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Building SDL3 Static Library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3 для Windows (MinGW и CMake)

View

Building WebP Static Library for Windows (MinGW & CMake) Сборка статической библиотеки WebP для Windows (MinGW и CMake)

View

Building SDL3_image static library for Windows (MinGW & CMake) Сборка статической библиотеки SDL3_image для Windows (MinGW и CMake)

View

SDL3 for WebAssembly - SDL3_Renderer (C and C++) SDL3 для WebAssembly - SDL3_Renderer (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Building SDL3 Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3 для WebAssembly (Emscripten и CMake)

View

Debugging SDL3 WebAssembly in Chrome (DWARF) Отладка SDL3 WebAssembly в Chrome (DWARF)

Learn how to debug your C/C++ SDL3 code directly in Chrome using DWARF symbols. Узнайте, как отлаживать ваш C/C++ код SDL3 прямо в Chrome, используя DWARF символы.

View

Building WebP Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки WebP для WebAssembly (Emscripten и CMake)

View

Building SDL3_image Static Library for WebAssembly (Emscripten & CMake) Сборка статической библиотеки SDL3_image для WebAssembly (Emscripten и CMake)

View

SDL3 for Android - SDL3_Renderer (C and C++) SDL3 для Android - SDL3_Renderer (C и C++)

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

Android Environment Setup Настройка окружения для Android

Manual installation of SDK, NDK, JDK, and CMake. Установка Android SDK, NDK, JDK, CMake и т.д.

View

Building SDL3 Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3 для Android (NDK и CMake)

View

Integrating compiled libSDL3.so on Android Интеграция собранной библиотеки libSDL3.so на Android

A step-by-step guide to setting up an Android project, linking compiled libSDL3.so using C, CMake, and Gradle. Пошаговое руководство по настройке Android-проекта и связыванию собранной библиотеки libSDL3.so с использованием C, CMake и Gradle.

View

Converting an Android SDL3 C Project to C++ Конвертация C-проекта SDL3 для Android в C++

View

Renaming an Android SDL3 Project Переименование проекта SDL3 для Android

View

Building WebP Shared Library for Android (NDK & CMake) Сборка динамической библиотеки WebP для Android (NDK и CMake)

View

Building SDL3_image Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_image для Android (NDK и CMake)

View

Integrating compiled libSDL3_image.so on Android Интеграция собранной библиотеки libSDL3_image.so на Android

A step-by-step guide to linking compiled libSDL3_image.so alongside libSDL3.so, loading assets, and building an Android application. Пошаговое руководство по связыванию собранной библиотеки libSDL3_image.so с libSDL3.so, загрузке ассетов и сборке Android-приложения.

View

Building FreeType Shared Library for Android (NDK & CMake) Сборка динамической библиотеки FreeType для Android (NDK и CMake)

View

Building SDL3_ttf Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_ttf для Android (NDK и CMake)

View

Integrating compiled libSDL3_ttf.so on Android Интеграция собранной библиотеки libSDL3_ttf.so на Android

A step-by-step guide to linking compiled libSDL3_ttf.so alongside libSDL3.so, loading TrueType fonts, rendering text, and building an Android application. Пошаговое руководство по связыванию собранной библиотеки libSDL3_ttf.so с libSDL3.so, загрузке шрифтов TrueType, отрисовке текста и сборке Android-приложения.

View

Building SDL3_mixer Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_mixer для Android (NDK и CMake)

View

Integrating compiled libSDL3_mixer.so on Android Интеграция собранной библиотеки libSDL3_mixer.so на Android

A step-by-step guide to linking compiled libSDL3_mixer.so alongside libSDL3.so, loading assets, and playing audio on Android. Пошаговое руководство по связыванию собранной библиотеки libSDL3_mixer.so с libSDL3.so, загрузке ассетов и воспроизведению аудио на Android.

View

Building SDL3_net Shared Library for Android (NDK & CMake) Сборка динамической библиотеки SDL3_net для Android (NDK и CMake)

View

Integrating compiled libSDL3_net.so on Android Интеграция собранной библиотеки libSDL3_net.so на Android

A step-by-step guide to linking compiled libSDL3_net.so alongside libSDL3.so, configuring networking permissions, and building an Android application. Пошаговое руководство по связыванию собранной библиотеки libSDL3_net.so с libSDL3.so, настройке сетевых разрешений и сборке Android-приложения.

View

Building Box2D Shared Library for Android (NDK & CMake) Сборка динамической библиотеки Box2D для Android (NDK и CMake)

View

Integrating compiled libbox2d.so on Android Интеграция собранной библиотеки libbox2d.so на Android

A step-by-step guide to linking compiled libbox2d.so alongside libSDL3.so, configuring physics simulation, and building an Android application. Пошаговое руководство по связыванию собранной библиотеки libbox2d.so с libSDL3.so, настройке симуляции физики и сборке Android-приложения.

View

Setting up the madebr's template project Настройка шаблонного проекта madebr

Building and running an SDL3 application on Android using the Renderer API. Сборка и запуск приложения SDL3 на Android с использованием Renderer API.

View

Integrating Dear ImGui with SDL3 on Android Интеграция Dear ImGui с SDL3 на Android

A step-by-step guide to integrating Dear ImGui source files with SDL3 and SDL3 Renderer on Android using C++ and CMake. Пошаговое руководство по интеграции исходных файлов Dear ImGui с SDL3 и SDL3 Renderer на Android с использованием C++ и CMake.

View

PySDL3 - OpenGL (Python) PySDL3 - OpenGL (Python)

Setting up PySDL3 with OpenGL (Python) Настройка PySDL3 с OpenGL (Python)

Building and running an SDL3 application with OpenGL in Python using PySDL3 and PyOpenGL. Сборка и запуск приложения SDL3 с использованием OpenGL на Python с помощью PySDL3 и PyOpenGL.

View

Setting up SDL3_image with PySDL3 and OpenGL Настройка SDL3_image с PySDL3 и OpenGL

Loading textures with SDL3_image and rendering them using PyOpenGL in Python. Загрузка текстур с помощью SDL3_image и их рендеринг через PyOpenGL в Python.

View

Setting up SDL3_ttf with OpenGL (Python) Настройка SDL3_ttf с OpenGL (Python)

Rendering TrueType text using SDL3_ttf and OpenGL in Python. Рендеринг текста TrueType с использованием SDL3_ttf и OpenGL на Python.

View

Setting up SDL3_mixer with PySDL3 and OpenGL Настройка SDL3_mixer с PySDL3 и OpenGL

Playing audio and rendering with OpenGL in PySDL3 applications. Воспроизведение звука и рендеринг через OpenGL в приложениях PySDL3.

View

PySDL3 - Renderer (Python) PySDL3 - Renderer (Python)

Setting up PySDL3 (Python) Настройка PySDL3 (Python)

Building and running an SDL3 application in Python on Windows using PySDL3. Сборка и запуск приложения SDL3 на Python на Windows с использованием PySDL3.

View

Setting up SDL3_image with PySDL3 (Python) Настройка SDL3_image с PySDL3 (Python)

Loading and displaying images in SDL3 using PySDL3_image on Windows. Загрузка и отображение изображений в SDL3 с использованием PySDL3_image на Windows.

View

Setting up SDL3_ttf with PySDL3 (Python) Настройка SDL3_ttf с PySDL3 (Python)

Rendering text in SDL3 using PySDL3, Python, and SDL3_ttf. Рендеринг текста в SDL3 с использованием PySDL3, Python и SDL3_ttf.

View

Setting up SDL3_mixer with PySDL3 (Python) Настройка SDL3_mixer с PySDL3 (Python)

Playing music and sound effects in SDL3 using PySDL3_mixer on Windows. Воспроизведение музыки и звуковых эффектов в SDL3 с использованием PySDL3_mixer на Windows.

View

Setting up Box2D with PySDL3 Настройка Box2D с PySDL3

Integrating the Box2D physics engine with PySDL3 for realistic simulation. Интеграция физического движка Box2D с PySDL3 для реалистичного моделирования.

View

Box3D and Raylib Box3D и Raylib

C/C++ Development Environment Setup for Windows (MinGW, CMake & IDEs) Настройка среды разработки C/C++ для Windows (MinGW, CMake и IDE)

View

C/C++ Environment Setup for Windows (CLion, MinGW & CMake) Настройка окружения C/C++ для Windows (CLion, MinGW и CMake)

Setting up CLion, CMake, and MinGW for C/C++ development on Windows. Настройка CLion, CMake и MinGW для разработки на C/C++ в Windows.

View

Installing Prebuilt Raylib for Windows (MinGW & CMake) Установка готовой библиотеки Raylib для Windows (MinGW и CMake)

Installing prebuilt Raylib from GitHub Releases for use with CMake and MinGW. Установка готовой сборки (prebuilt) Raylib из раздела Releases на GitHub для использования с CMake и MinGW.

View

Setting Up Box3D and Raylib in CLion with CMake and MinGW Настройка Box3D и Raylib в CLion с использованием CMake и MinGW

Setting Up Box3D and Raylib in CLion with CMake and MinGW. Настройка Box3D и Raylib в CLion с использованием CMake и MinGW.

View

Using Debug Drawer (b3DebugDraw) with Box3D and Raylib in CLion Использование Debug Drawer (b3DebugDraw) для Box3D и Raylib в CLion

Using Debug Drawer (b3DebugDraw) with Box3D and Raylib in CLion using CMake and MinGW. Использование Debug Drawer (b3DebugDraw) для Box3D и Raylib в CLion с использованием CMake и MinGW.

View

SFML2 for Desktop (C++) SFML2 для ПК (C++)

Building SFML 2.6.2 from Source Сборка SFML 2.6.2 из исходного кода

Step-by-step guide to compiling SFML 2.6.2 from source using MinGW 13.1 for maximum compatibility. Пошаговое руководство по компиляции SFML 2.6.2 из исходного кода с использованием MinGW 13.1.

View

Setting up SFML with find_package (MinGW) Настройка SFML с помощью find_package (MinGW)

Building and running an SFML application on Windows using MinGW 13.1 and CMake. Сборка и запуск приложения SFML на Windows с использованием MinGW 13.1 и CMake.

View

Building FamTrinli's 16 Games Сборка 16 игр от FamTrinli

A guide to building and running the famous "16 Games in C++" using modern tools and IDEs. Руководство по сборке и запуску знаменитых "16 игр на C++" с использованием современных инструментов и IDE.

View

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 ← Назад к туториалам