How to draw raylib graphics below the imgui interface?

[semiloker]

I'm having problems drawing the imgui interface, no matter what I do, the raylib graphic is always higher than the imgui, what could be the problem, how to fix it?

#include "raylib.h"
#include "imgui.h"
#include "imgui_impl_raylib.h"
#include "imgui_impl_opengl3.h"
#include <iostream>

int main()
{
    // Initialize Raylib
    InitWindow(800, 600, "Raylib & ImGui Example");
    SetTargetFPS(60);

    // Initialize ImGui
    ImGui::CreateContext();
    ImGuiIO& io = ImGui::GetIO();
    io.ConfigFlags |= ImGuiConfigFlags_DockingEnable; // Enable docking

    ImGui::StyleColorsDark(); // Set style

    // Initialize ImGui for Raylib and OpenGL
    ImGui_ImplRaylib_Init();
    ImGui_ImplOpenGL3_Init("#version 330"); // Ensure correct OpenGL version

    // Main loop
    while (!WindowShouldClose())
    {
        // Start a new frame for ImGui
        ImGui_ImplOpenGL3_NewFrame();
        ImGui_ImplRaylib_NewFrame();
        ImGui::NewFrame();

        ImGui::DockSpaceOverViewport(); // Enable docking support

        // Your ImGui interface code
        ImGui::Begin("Hello, ImGui!");
        ImGui::Text("This is a sample ImGui window");
        ImGui::End();

        renderUI();

        ImGui::Begin("Stats");
        ImGui::Text("FPS: %.1f", io.Framerate);
        ImGui::Text("MS: %.1f", io.DeltaTime * 1000);
        ImGui::End();

        // Render ImGui
        ImGui::Render();

        BeginDrawing();
        ClearBackground(RAYWHITE);

        DrawRectangle(20, 20, 20, 20, WHITE);
        DrawRectangle(60, 20, 20, 20, WHITE);
        DrawRectangle(100, 20, 20, 20, WHITE);
        DrawRectangle(140, 20, 20, 20, WHITE);
        DrawRectangle(180, 20, 20, 20, WHITE);


        ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData()); // Render ImGui content

        EndDrawing();
    }

    // Cleanup
    ImGui_ImplOpenGL3_Shutdown();
    ImGui_ImplRaylib_Shutdown();
    ImGui::DestroyContext();

    CloseWindow();
    return 0;
}

[ocornut]

It’s probably something you can ask on a raylib forum.

[colesnicov]

Try this one https://github.com/raylib-extras/rlImGui ?