Скачать или смотреть Dead Simple GUI in C (Immediate Mode)

Learn the fundamentals of GUIs and how to create them yourself by using the immediate mode technique developed by Casey Muratori. This step-by-step tutorial demonstrates how to use SDL2 and simple C code to get started creating dead simple GUIs. This is part 3 of a series:

Part 1    • Setting up SDL in C with CMake and Visual ...  
Part 2    • Basic SDL2: Creating a window and drawing ...  
Part 3 ➡️    • Dead Simple GUI in C (Immediate Mode)  
Part 4 Using SDL_ttf for fun, profit, and immediate mode GUI

RESOURCES

Casey Muratori's original lecture on the IMGUI technique:    • Immediate-Mode Graphical User Interfaces -...  
Shoutout to Jari Komppa: His tutorial quickly taught me how to implement IMGUIs: https://solhsa.com/imgui/

CHAPTERS

00:00 Intro
00:05 Capturing mouse state
01:11 Encapsulating state, separation of concerns
01:22 Most important concept in immediate mode GUI: The active ID
01:44 imgui_begin() and "Dependency Injection" in C
02:56 imgui_end() and an important edge case
03:17 imgui_button()
03:37 Hit-testing mouse position
03:58 Recap dataflow for mouse position
04:25 Highlighting widgets
04:40 The active/pressed widget
04:55 Drawing button (shadow effect, click effect, color)
06:15 It's rects all the way down
06:32 Placeholder sdl_drawtext() function
06:50 rects. all. the. way. down.
07:01 Button click handler (important!)
08:38 Widget ID (important!)
09:19 Test imgui_button() - it works!
09:57 Using the button click handler
10:39 et voilà, GUI
10:48 Tic, Tac, Toe (code)
11:01 Layout manager
11:29 Tic, Tac, Toe (GUI)
11:44 Full recap of dead simple GUI