Recent posts

#91

Feature requests / Re: Rounded borders for contai...

Last post by texus - 24 October 2024, 17:11:44

Unfortunately I don't know any way that I can render it better.

You should use a transparent image that contains the rounded borders and set that as the background texture of the panel. That way, you would get smooth borders due to the borders being anti-aliased when creating the image. You can use TGUI's 9-slice scaling to use the image with any container size (as long as the border thickness is the same).

#92

Feature requests / Re: Rounded borders for contai...

Last post by KSergeyP - 24 October 2024, 14:51:50

The setRoundedBorderRadius function has been added to PanelRenderer in TGUI 0.9 and 0.10-dev.

Is it possible to improve rendering accuracy when rounding?
By default it's rough - you can see rectangles

#93

Help requests / Re: tgui::CanvasOpenGl3 widget

Last post by texus - 12 October 2024, 22:08:31

The minimal information on how to use the canvas is located at https://tgui.eu/tutorials/latest-stable/canvas/#canvasopengl3

After you created the canvas and added it to the gui, you would have the following code to render to the canvas. The contents of the canvas is then later drawn to the window when you call gui.draw().

Code (cpp) Select Expand

canvas->bindFramebuffer();  // Calls glBindFramebuffer with the id of the canvas framebuffer
glClear(GL_COLOR_BUFFER_BIT);
// OpenGL calls placed here will draw on the canvas
glBindFramebuffer(GL_FRAMEBUFFER, 0);

The purpose of the CanvasOpenGl3 widget is to render custom OpenGL stuff in the middle of TGUI widgets. It thus makes no sense to render TGUI widgets on the canvas.

#94

Help requests / tgui::CanvasOpenGl3 widget

Last post by naylinntu - 12 October 2024, 21:42:45

I am using TGUI compiled with GLFW, it works well for common widgets like buttons and message boxes.

How can I render an OpenGL scene on tgui::CanvasOpenGl3 widget?
My code looks like below::

`#include <gl/glew.h>

auto canvas = tgui::CanvasOpenGL3::create({200,200});
canvas->setPosition(300, 200);
gui.add(canvas); canvas->bindFramebuffer();
'

`auto canvas_size_button = tgui::Button::create("Get canvas size");
gui.add(canvas_size_button);
// few other widgets added here

while (!glfwWindowShouldClose(window)){
glUseProgram(shaderProgram);
gui.draw();
glDrawArrays(GL_LINES, 0, 2);
}`


I am using GLEW with this.
but it does not work. It only show other widgets placed into `gui` and they work well.

Appreciate if an example show how to render a simple triangle on Canvas along side with few simple widgets like buttons. or point to the correct way.
Thanks

#95

Help requests / Re: Raylib backend widgets add...

Last post by texus - 10 October 2024, 08:33:22

The purpose of the Canvas widget is so that you can render custom raylib draws into a TGUI widget. So no, you can't render TGUI stuff into a canvas, the widget does the exact opposite.

If you wanted to draw TGUI to a raylib RenderTexture and then draw that that texture to the screen later, that could technically be done. However you end up with issues where mouse coordinates are wrong because TGUI can't know where on the window you would be rendering the texture.

So if you want TGUI to only render to a part of the screen then you should check out setAbsoluteViewport or setRelativeViewport (and maybe also look at the setAbsoluteView and setRelativeView function to see if you need those or not)

#96

Help requests / Re: Raylib backend widgets add...

Last post by MattDA - 10 October 2024, 02:28:40

I moved the main window into main so it is made in the right order. Also moved the drawing into AppUI, which I guess makes more sense anyhow. Now everything draws and widgets function. I was expecting the MenuBar to be drawn onto the canvas. Is this the way its supposed to work? Can I draw just the menu bar to the canvas?

main.cpp

Code Select Expand

int main()
{
    SetTraceLogLevel(LOG_WARNING);
   
    InitWindow(900, 600, "Raylib is the master");
    SetTargetFPS(60);

    std::cout << "Game Initializing" << std::endl;
    Game game;
    //float ar = (1080.0 / 1920.0) * 1.25;
    game.init(900, 600);

    game.runFixed();
    CloseWindow();
    return 0;
}

game.h

Code Select Expand

#ifndef GAME_H
#define GAME_H
#include <iostream>

#include <TGUI/TGUI.hpp>
#include <TGUI/Backend/raylib.hpp>

#include "AppUI.h"

class Game
{
public:

    Game();
    ~Game();
    void init(int,int);
    void runFixed();
private:

    ui::App m_app;
};
#endif

game.cpp

Code Select Expand

#include "Game.h"

Game::Game()
{

    std::cout << "Game Created" << std::endl;
   
    //m_ui = nullptr;
}
Game::~Game(){}

void Game::init(int screenWidth,int screenHeight)
{
   
    m_app.init(screenWidth, screenHeight);
    tgui::RAYLIB::Gui& ui = m_app.getGUI();

   
}

void Game::runFixed()
{

    while (!WindowShouldClose())    // Detect window close button or ESC key
    {

        auto& ui = m_app.getGUI();
        ui.handleEvents();

        int pressedChar = GetCharPressed();
        while (pressedChar)
        {
            ui.handleCharPressed(pressedChar);
            pressedChar = GetCharPressed();
        }

        int pressedKey = GetKeyPressed();
        while (pressedKey)
        {
            ui.handleKeyPressed(pressedKey);
            pressedKey = GetKeyPressed();
        }
       
        m_app.draw();
     
       // ui.mainLoop();

    }
}

AppUI.h

Code Select Expand

#include <map>
#include <string>
#include <filesystem>

#include <TGUI/TGUI.hpp>
#include <TGUI/Backend/raylib.hpp>


namespace ui
{
    namespace fs = std::filesystem;

class App
{
public:
        App();
~App();
void init(int,int);
tgui::RAYLIB::Gui& getGUI();
void draw();
void update();

private:


tgui::RAYLIB::Gui m_gui;
};


}


#endif // header guard


AppUI.cpp

Code Select Expand

#include "AppUI.h"

ui::App::App(){

}

ui::App::~App()
{

}

void ui::App::init(int screenWidth, int screenHeight)
{
    std::cout << "Initializing App User Interface." << std::endl;
try {
tgui::Theme blackTheme{ "../../themes/Black.txt" };

tgui::CanvasRaylib::Ptr MainCanvas = tgui::CanvasRaylib::create({ "80%", "80%" });

m_gui.add(MainCanvas, "main_canvas");


tgui::MenuBar::Ptr MainMenuBar = tgui::MenuBar::create();
MainMenuBar->setRenderer(blackTheme.getRenderer("MenuBar"));

MainMenuBar->setHeight(22.f);
MainMenuBar->setPosition("1%", "1%");
MainMenuBar->addMenu("File");
MainMenuBar->addMenuItem("New");
MainMenuBar->addMenuItem("Load");
MainMenuBar->addMenuItem("Save");
MainMenuBar->addMenuItem("Exit");

MainMenuBar->addMenu("Window");
MainMenuBar->addMenuItem("Map Object Tree");//Show a tree view of the map in a child window
MainMenuBar->addMenuItem("Object Properties");//Show Properties of an object

MainMenuBar->addMenu("Help");
MainMenuBar->addMenuItem("About");
MainMenuBar->setVisible(true);

m_gui.add(MainMenuBar, "main_menu_bar");



//MainMenuBar->connectMenuItem({ "File", "New" }, &UI::createWizard, this);
}
catch (const tgui::Exception& e)
{
std::cerr << "TGUI Exception: " << e.what() << std::endl;
exit(1);
}


}
tgui::RAYLIB::Gui& ui::App::getGUI()
{
   
    return m_gui;
}

void ui::App::draw()
{
auto MainCanvas = m_gui.get<tgui::CanvasRaylib>("main_canvas");
//auto MainMenuBar = m_gui.get<tgui::MenuBar>("main_canvas");
BeginTextureMode(MainCanvas->getTextureTarget());

ClearBackground({ 40, 160, 140, 255 });
DrawCircle(100, 120, 20, Color{ 100,10,10,255 });

EndTextureMode();

BeginDrawing();

ClearBackground({ 40, 60, 40, 255 });
DrawCircle(200, 120, 50, Color{ 100,10,10,255 });
m_gui.draw();//TGUI draw

EndDrawing();

}


void ui::App::update()
{
    //m_screenSize.x = static_cast<float>(GetScreenWidth());
    //m_screenSize.y = static_cast<float>(GetScreenHeight());
}




#97

Help requests / Re: Raylib backend widgets add...

Last post by texus - 09 October 2024, 22:37:13

The gui object is being created in your code before InitWindow is called. This causes it to think that the window is 0x0 pixels, which prevents rendering.

I can get the gui to render something if I call InitWindow before creating the Game object.

#98

Help requests / Re: Raylib backend widgets add...

Last post by texus - 09 October 2024, 22:22:29

"m_ui.draw();" should not be placed between BeginTextureMode and EndTextureMode. You trying to render the entire gui (including the canvas) onto the canvas widget and are drawing nothing to the window.

I placed the "m_ui.draw();" line below "EndTextureMode()" and it crashed here, but I haven't checked yet if that's due to the code or just because I have some other issue in my quickly created test program.

#99

Help requests / Raylib backend widgets added a...

Last post by MattDA - 09 October 2024, 20:28:08

Hi again. I am trying to make a basic set up with headers to test my new build using the raylib backend. I have app class that holds the backend object (tgui::RAYLIB::gui). All the logic is nearly the same as the working example. I get no errors and everything loads. I can see that the container of the gui has 2 elements, (canvas and menubar) but I can't get them to draw. What am I doing wrong?
main.cpp

Code Select Expand

//#include <iostream>
//#include "raylib.h"
//#include <filesystem>


//namespace fs = std::filesystem;

//#include <SFML/Graphics.hpp>
#include <iostream>
//#include <UI.h>
//#include <TGUI/TGUI.hpp>
//#include <TGUI/Backend/raylib.hpp>
#include "Game.h"


int main()
{

    Game game;
    //float ar = (1080.0 / 1920.0) * 1.25;
    game.init(900, 600);

    game.runFixed();

    return 0;
}
game.cpp

Code Select Expand

#ifndef GAME_H
#define GAME_H
#include <iostream>
//#include <filesystem>
//#include <unordered_map>
//#include <string>
//#include <cassert> // for assert()
//#include "raylib.h"
//#include "raymath.h"

#include <TGUI/TGUI.hpp>
#include <TGUI/Backend/raylib.hpp>

//#include "VecUtil.h"
//#include "MapMan.h"
//#include "AssetMan.h"
//#include "GameObjects.hpp"

#include "AppUI.h"

class Game
{
public:

    Game();
    ~Game();
    void init(int,int);
    void runFixed();
private:

    ui::App m_ui;
};
#endif

Game.cpp

Code Select Expand

#include "Game.h"

Game::Game()
{

    std::cout << "Game Created" << std::endl;
   
    //m_ui = nullptr;
}
Game::~Game(){CloseWindow();}

void Game::init(int screenWidth,int screenHeight)
{
    SetTraceLogLevel(LOG_WARNING);
    std::cout << "Game Initializing" << std::endl;
    InitWindow(screenWidth, screenHeight, "Raylib is the master");

    SetTargetFPS(60);
    m_ui.init();

    tgui::RAYLIB::Gui* ui = m_ui.getUI();
    if (ui == nullptr)
        std::cout << "UI is null" << std::endl;

   
}

void Game::runFixed()
{

    while (!WindowShouldClose())    // Detect window close button or ESC key
    {

        auto ui = m_ui.getUI();
        ui->handleEvents();

        int pressedChar = GetCharPressed();
        while (pressedChar)
        {
            ui->handleCharPressed(pressedChar);
            pressedChar = GetCharPressed();
        }

        int pressedKey = GetKeyPressed();
        while (pressedKey)
        {
            ui->handleKeyPressed(pressedKey);
            pressedKey = GetKeyPressed();
        }
       
       BeginDrawing();
       
            ClearBackground({40, 60, 40, 255});
            DrawCircle(200, 120, 50, Color{100,10,10,255});
            m_ui.draw();
           
       EndDrawing();
     
       // ui.mainLoop();

    }
}


AppUI.h

Code Select Expand

#ifndef HEADER_APP_UI
#define HEADER_APP_UI



#pragma once

#include <iostream>
#include <unordered_map>
#include <map>
#include <string>
#include <filesystem>

//#include "raylib.h"
//#include "rlgl.h"
#include <TGUI/TGUI.hpp>
#include <TGUI/Backend/raylib.hpp>

//#include "VecUtil.h"
//#include "AssetMan.h"


namespace ui
{
    namespace fs = std::filesystem;

class App
{
public:
        App();
~App();
void init();
tgui::RAYLIB::Gui* getUI();
void draw();
void update();

private:


tgui::RAYLIB::Gui m_ui;
};


}


#endif // header guard



AppUI.cpp

Code Select Expand

#include "AppUI.h"

ui::App::App(){

}

ui::App::~App()
{

}

void ui::App::init()
{

    std::cout << "Initializing App User Interface." << std::endl;
try {
tgui::Theme blackTheme{ "../../themes/Black.txt" };

tgui::CanvasRaylib::Ptr MainCanvas = tgui::CanvasRaylib::create({ "100%", "100%" });

m_ui.add(MainCanvas, "main_canvas");


tgui::MenuBar::Ptr MainMenuBar = tgui::MenuBar::create();
MainMenuBar->setRenderer(blackTheme.getRenderer("MenuBar"));

MainMenuBar->setHeight(22.f);
MainMenuBar->setPosition("1%", "1%");
MainMenuBar->addMenu("File");
MainMenuBar->addMenuItem("New");
MainMenuBar->addMenuItem("Load");
MainMenuBar->addMenuItem("Save");
MainMenuBar->addMenuItem("Exit");

MainMenuBar->addMenu("Window");
MainMenuBar->addMenuItem("Map Object Tree");//Show a tree view of the map in a child window
MainMenuBar->addMenuItem("Object Properties");//Show Properties of an object

MainMenuBar->addMenu("Help");
MainMenuBar->addMenuItem("About");
MainMenuBar->setVisible(true);

m_ui.add(MainMenuBar, "main_menu_bar");


//MainMenuBar->connectMenuItem({ "File", "New" }, &UI::createWizard, this);
}
catch (const tgui::Exception& e)
{
std::cerr << "TGUI Exception: " << e.what() << std::endl;
exit(1);
}


}
tgui::RAYLIB::Gui* ui::App::getUI()
{
   
    return &m_ui;
}

void ui::App::draw()
{
auto MainCanvas = m_ui.get<tgui::CanvasRaylib>("main_canvas");
BeginTextureMode(MainCanvas->getTextureTarget());

m_ui.draw();
EndTextureMode();

}


void ui::App::update()
{
    //m_screenSize.x = static_cast<float>(GetScreenWidth());
    //m_screenSize.y = static_cast<float>(GetScreenHeight());
}




#100

Installation help / Re: cmake error can't find ray...

Last post by MattDA - 03 October 2024, 02:04:19

It has something to do with windows security blocking my c++ app. I know because if I run my exe as administrator it works. I am not sure how to whitelist vs or vs projects, I guess its time to find out. Thanks for your help.