RayLib — чудовий спосіб почати програмувати ігри.

/*******************************************************************************************
*
*   raylib [textures] example - Fog of war
*
*   Example originally created with raylib 4.2, last time updated with raylib 4.2
*
*   Example licensed under an unmodified zlib/libpng license, which is an OSI-certified,
*   BSD-like license that allows static linking with closed source software
*
*   Copyright (c) 2018-2023 Ramon Santamaria (@raysan5)
*
********************************************************************************************/

#include "raylib.h"

#include <stdlib.h>                 // Необхідне для функцій: calloc(), free()

#define MAP_TILE_SIZE    32         // Розмір тайлів 32х32 пікселів
#define PLAYER_SIZE      16         // Розмір гравця
#define PLAYER_TILE_VISIBILITY  2   // Гравець може бачити 2 тайли навколо себе

// Map data type
typedef struct Map {
    unsigned int tilesX;            // кількість тайлів у площині Х
    unsigned int tilesY;            // кількість тайлів у площині Y 
    unsigned char *tileIds;         // ID тайлів (tilesX*tilesY), визначає які тайли малювати
    unsigned char *tileFog;         // Стан тайлів війни (tilesX*tilesY), визначає який тип туману: повний чи частковий
} Map;

//------------------------------------------------------------------------------------
// Тут починається головна програма
//------------------------------------------------------------------------------------
int main(void)
{
    // Ініціалізація
    //--------------------------------------------------------------------------------------
    int screenWidth = 800;
    int screenHeight = 450;

    InitWindow(screenWidth, screenHeight, "raylib [textures] example - fog of war");

    Map map = { 0 };
    map.tilesX = 25;
    map.tilesY = 15;

    // Примітка: Ми можемо використовувати 256 значень для id тайлів та їх станів,
    // мабуть, нам не знадобиться стільки станів, тому ми можемо оптимізувати,
    // використавши 2 біти на тайл (зменшивши розмір на 4) але логіка буде складнішою
    map.tileIds = (unsigned char *)calloc(map.tilesX*map.tilesY, sizeof(unsigned char));
    map.tileFog = (unsigned char *)calloc(map.tilesX*map.tilesY, sizeof(unsigned char));

    // Завантаження мапи тайлів (генеруємо 2 тайл id для тесутвання)
    // Примітка: id мапи тайлів варто таки підтягувати з окремого файлу
    for (unsigned int i = 0; i < map.tilesY*map.tilesX; i++) map.tileIds[i] = GetRandomValue(0, 1);

    // Позиція гравця на екрані (координати пікселів, а не тайлів)
    Vector2 playerPosition = { 180, 130 };
    int playerTileX = 0;
    int playerTileY = 0;

    // Рендер текстур для рендеру туману війни
    // Примітка: Для отримання ефекту гладенького розвіювання туману, ми використаємо рендер текстури задля 
    // рендеру туману маленького розміру (один піксель на тайл) і змасштабуємо на малюванні з білінійним
    // фільтруванням
    RenderTexture2D fogOfWar = LoadRenderTexture(map.tilesX, map.tilesY);
    SetTextureFilter(fogOfWar.texture, TEXTURE_FILTER_BILINEAR);

    SetTargetFPS(60);               // Вказуємо виконання гри при 60 кадрах на секунду
    //--------------------------------------------------------------------------------------

    // Головний ігровий цикл
    while (!WindowShouldClose())    // Встановлюємо реагування на закриття вікна чи натискання Esc
    {
        // Оновлення значень
        //----------------------------------------------------------------------------------
        // Рух гравця 
        if (IsKeyDown(KEY_RIGHT)) playerPosition.x += 5;
        if (IsKeyDown(KEY_LEFT)) playerPosition.x -= 5;
        if (IsKeyDown(KEY_DOWN)) playerPosition.y += 5;
        if (IsKeyDown(KEY_UP)) playerPosition.y -= 5;

        // Перевірка місцезнаходження на виявлення виходу за межі тайлів мапи
        if (playerPosition.x < 0) playerPosition.x = 0;
        else if ((playerPosition.x + PLAYER_SIZE) > (map.tilesX*MAP_TILE_SIZE)) playerPosition.x = (float)map.tilesX*MAP_TILE_SIZE - PLAYER_SIZE;
        if (playerPosition.y < 0) playerPosition.y = 0;
        else if ((playerPosition.y + PLAYER_SIZE) > (map.tilesY*MAP_TILE_SIZE)) playerPosition.y = (float)map.tilesY*MAP_TILE_SIZE - PLAYER_SIZE;

        // Відвіданий туман робимо частковим
        for (unsigned int i = 0; i < map.tilesX*map.tilesY; i++) if (map.tileFog[i] == 1) map.tileFog[i] = 2;

        // Отримуємо чинну позицію тайлів з позиції гравця на пікселів
        playerTileX = (int)((playerPosition.x + MAP_TILE_SIZE/2)/MAP_TILE_SIZE);
        playerTileY = (int)((playerPosition.y + MAP_TILE_SIZE/2)/MAP_TILE_SIZE);

        // Перевірка видимості і оновлення туману
        // Примітка: Перевіряємо межі тайлмапів на виявлення обробки тайлів за межами масиву (it could crash program)
        for (int y = (playerTileY - PLAYER_TILE_VISIBILITY); y < (playerTileY + PLAYER_TILE_VISIBILITY); y++)
            for (int x = (playerTileX - PLAYER_TILE_VISIBILITY); x < (playerTileX + PLAYER_TILE_VISIBILITY); x++)
                if ((x >= 0) && (x < (int)map.tilesX) && (y >= 0) && (y < (int)map.tilesY)) map.tileFog[y*map.tilesX + x] = 1;
        //----------------------------------------------------------------------------------

        // Малювання
        //----------------------------------------------------------------------------------
        // Малювання туману війни для малого рендеру текстур для автоматичного згладження при масштабуванні
        BeginTextureMode(fogOfWar);
            ClearBackground(BLANK);
            for (unsigned int y = 0; y < map.tilesY; y++)
                for (unsigned int x = 0; x < map.tilesX; x++)
                    if (map.tileFog[y*map.tilesX + x] == 0) DrawRectangle(x, y, 1, 1, BLACK);
                    else if (map.tileFog[y*map.tilesX + x] == 2) DrawRectangle(x, y, 1, 1, Fade(BLACK, 0.8f));
        EndTextureMode();

        BeginDrawing();

            ClearBackground(RAYWHITE);

            for (unsigned int y = 0; y < map.tilesY; y++)
            {
                for (unsigned int x = 0; x < map.tilesX; x++)
                {
                    // Малювання тайлів з id
                    DrawRectangle(x*MAP_TILE_SIZE, y*MAP_TILE_SIZE, MAP_TILE_SIZE, MAP_TILE_SIZE,
                                  (map.tileIds[y*map.tilesX + x] == 0)? BLUE : Fade(BLUE, 0.9f));
                    DrawRectangleLines(x*MAP_TILE_SIZE, y*MAP_TILE_SIZE, MAP_TILE_SIZE, MAP_TILE_SIZE, Fade(DARKBLUE, 0.5f));
                }
            }

            // Малювання гравця
            DrawRectangleV(playerPosition, (Vector2){ PLAYER_SIZE, PLAYER_SIZE }, RED);


            // Малювання туману війни (scaled to full map, bilinear filtering)
            DrawTexturePro(fogOfWar.texture, (Rectangle){ 0, 0, (float)fogOfWar.texture.width, (float)-fogOfWar.texture.height },
                           (Rectangle){ 0, 0, (float)map.tilesX*MAP_TILE_SIZE, (float)map.tilesY*MAP_TILE_SIZE },
                           (Vector2){ 0, 0 }, 0.0f, WHITE);

            // Малювання поточного тайлу гравця
            DrawText(TextFormat("Current tile: [%i,%i]", playerTileX, playerTileY), 10, 10, 20, LIME);

        EndDrawing();
        //----------------------------------------------------------------------------------
    }

    // Деініціалізація
    //--------------------------------------------------------------------------------------
    free(map.tileIds);      // Звільнення пам'яті виділеної для id тайлів
    free(map.tileFog);      // Звільнення пам'яті виділеної для типів туманів

    UnloadRenderTexture(fogOfWar);  // Відвантажити рендер текстур

    CloseWindow();          // Закриття вікна та контексту OpenGL
    //--------------------------------------------------------------------------------------

    return 0;
}