Skip to content

Raygui Bindings #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
BrownNPC wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Raygui Bindings #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
f217da2
raygui bindings intitial commit
BrownNPC Apr 21, 2026
f73030e
add runtime
BrownNPC Apr 21, 2026
7c24b2d
add js side of runtime
BrownNPC Apr 21, 2026
ec1897a
initial bindings
BrownNPC Apr 21, 2026
b10b967
Draft of the raygui bindings implementation
kerudev Apr 22, 2026
3c999a0
Merge pull request #11 from kerudev/raygui
BrownNPC Apr 23, 2026
1349317
base bindings with memory corruption bugs
BrownNPC Apr 24, 2026
3d41c53
fix: apply CodeRabbit auto-fixes
coderabbitai[bot] Apr 24, 2026
77e9773
Merge pull request #12 from BrownNPC/coderabbitai/autofix/1349317
BrownNPC Apr 24, 2026
41b8e6e
Update raygui/raygui.go
BrownNPC Apr 24, 2026
74fc632
fix: apply CodeRabbit auto-fixes
coderabbitai[bot] Apr 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 15 additions & 4 deletions examples/go.mod
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,20 @@
module github.com/BrownNPC/Raylib-Go-Wasm/examples

go 1.24.1
go 1.26.1

replace github.com/gen2brain/raylib-go/raylib => ../raylib
require (
github.com/gen2brain/raylib-go/raygui v0.0.0-00010101000000-000000000000
github.com/gen2brain/raylib-go/raylib v0.55.1
)

require github.com/gen2brain/raylib-go/raylib v0.0.0-00010101000000-000000000000
replace (
github.com/BrownNPC/Raylib-Go-Wasm/wasm-runtime => ../wasm-runtime

require github.com/BrownNPC/wasm-ffi-go v1.1.0 // indirect
github.com/gen2brain/raylib-go/raygui => ../raygui
github.com/gen2brain/raylib-go/raylib => ../raylib
)

require (
github.com/BrownNPC/Raylib-Go-Wasm/wasm-runtime v0.0.0-20260421110350-7c24b2d5e6d3 // indirect
github.com/BrownNPC/wasm-ffi-go v1.2.0 // indirect
)
4 changes: 2 additions & 2 deletions examples/go.sum
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
github.com/BrownNPC/wasm-ffi-go v1.1.0 h1:oashfuQflpB+qx/xI71Gvim3YN/0iIny5TMIpzEFz0Y=
github.com/BrownNPC/wasm-ffi-go v1.1.0/go.mod h1:D5+RBMb672fgw6vPz4HOWYxpyrmPrIao8VqlXihOFFg=
github.com/BrownNPC/wasm-ffi-go v1.2.0 h1:Lknst90sTLTkE870OKNP/Vw36TohQIJ4ln8W1IG9Zl0=
github.com/BrownNPC/wasm-ffi-go v1.2.0/go.mod h1:D5+RBMb672fgw6vPz4HOWYxpyrmPrIao8VqlXihOFFg=
284 changes: 284 additions & 0 deletions examples/raygui/main.go
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,284 @@
//go:build js

package main

import (
"fmt"

gui "github.com/gen2brain/raylib-go/raygui"
rl "github.com/gen2brain/raylib-go/raylib"
)
Comment on lines +5 to +10
Copy link
Copy Markdown

@coderabbitai coderabbitai Bot Apr 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Confirm the import paths actually present in this fork's raygui and raylib packages.
fd -t f 'go.mod$' | xargs -I{} sh -c 'echo "== {} =="; head -3 {}'
echo '---'
rg -nP '^package\s+raygui|^package\s+rl' -g '*.go'

Repository: BrownNPC/Raylib-Go-Wasm

Length of output: 1066

🏁 Script executed:

# Check the actual content of examples/raygui/main.go, focusing on imports
cat -n examples/raygui/main.go | head -30

Repository: BrownNPC/Raylib-Go-Wasm

Length of output: 557

🏁 Script executed:

# Search for SetMain function in the raylib package of this fork
rg -n 'func.*SetMain|SetMain\s*=' raylib/ -A 3

Repository: BrownNPC/Raylib-Go-Wasm

Length of output: 274

Example imports the wrong module — uses upstream gen2brain/raylib-go instead of this fork.

This PR's whole point is adding raygui bindings under BrownNPC/Raylib-Go-Wasm, and the example must import from that fork, not the upstream package. The example currently imports github.com/gen2brain/raylib-go/raygui and github.com/gen2brain/raylib-go/raylib but calls rl.SetMain() on line 18, which is defined only in this fork's raylib/raylib_wasm.go. The upstream gen2brain/raylib-go does not have SetMain, so this file will not compile with the current imports.

🛠 Suggested fix 
 import (
-    "github.com/gen2brain/raylib-go/raygui"
-    rl "github.com/gen2brain/raylib-go/raylib"
+    "github.com/BrownNPC/Raylib-Go-Wasm/raygui"
+    rl "github.com/BrownNPC/Raylib-Go-Wasm/raylib"
 )
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import (
"github.com/gen2brain/raylib-go/raygui"
rl "github.com/gen2brain/raylib-go/raylib"
)
import (
"github.com/BrownNPC/Raylib-Go-Wasm/raygui"
rl "github.com/BrownNPC/Raylib-Go-Wasm/raylib"
)
🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@examples/raygui/main.go` around lines 5 - 8, The example imports the upstream
gen2brain packages but calls rl.SetMain (defined only in this fork); update the
import statements in main.go to use the forked module (replace
github.com/gen2brain/raylib-go/raygui and github.com/gen2brain/raylib-go/raylib
with the BrownNPC/Raylib-Go-Wasm equivalents) so rl.SetMain and the raygui
bindings resolve correctly; locate the import block and references to
rl.SetMain/ raygui in the file (main.go) and change the package paths to the
forked repository.


/*******************************************************************************************
*
* raygui - controls test suite
*
* TEST CONTROLS:
* - gui.DropdownBox()
* - gui.CheckBox()
* - gui.Spinner()
* - gui.ValueBox()
* - gui.TextBox()
* - gui.Button()
* - gui.ComboBox()
* - gui.ListView()
* - gui.ToggleGroup()
* - gui.ColorPicker()
* - gui.Slider()
* - gui.SliderBar()
* - gui.ProgressBar()
* - gui.ColorBarAlpha()
* - gui.ScrollPanel()
*
*
* DEPENDENCIES:
* raylib 4.0 - Windowing/input management and drawing.
* raygui 3.2 - Immediate-mode GUI controls.
*
* COMPILATION (Windows - MinGW):
* gcc -o $(NAME_PART).exe $(FILE_NAME) -I../../src -lraylib -lopengl32 -lgdi32 -std=c99
*
* LICENSE: zlib/libpng
*
* Copyright (c) 2016-2022 Ramon Santamaria (@raysan5)
*
**********************************************************************************************/

//#define RAYGUI_CUSTOM_ICONS // It requires providing gui_icons.h in the same directory
//#include "gui_icons.h" // External icons data provided, it can be generated with rGuiIcons tool

// ------------------------------------------------------------------------------------
// Program main entry point
// ------------------------------------------------------------------------------------
func main() {
// Initialization
//---------------------------------------------------------------------------------------
const (
screenWidth = 690
screenHeight = 560
)

rl.InitWindow(screenWidth, screenHeight, "raygui - controls test suite")
rl.SetExitKey(0)

// GUI controls initialization
//----------------------------------------------------------------------------------
var (
dropdownBox000Active int32 = 0
dropDown000EditMode bool = false

dropdownBox001Active int32 = 0
dropDown001EditMode bool = false

spinner001Value int32 = 0
spinnerEditMode bool = false

valueBox002Value int32 = 0
valueBoxEditMode bool = false

textBoxText = "Text box"
textBoxEditMode bool = false

// listViewScrollIndex int32 = 0
// listViewActive int32 = -1

// listViewExScrollIndex int32 = 0
// listViewExActive int32 = 2
// listViewExFocus int32 = -1
// listViewExList = []string{"This", "is", "a", "list view", "with", "disable", "elements", "amazing!"}

colorPickerValue = rl.Red

sliderValue float32 = 50
sliderBarValue float32 = 60
progressValue float32 = 0.4

forceSquaredChecked bool = false

alphaValue float32 = 0.5

comboBoxActive int32 = 1

toggleGroupActive int32 = 0

viewScroll = rl.Vector2{0, 0}

//----------------------------------------------------------------------------------

// Custom GUI font loading
//Font font = LoadFontEx("fonts/rainyhearts16.ttf", 12, 0, 0);
//GuiSetFont(font);

exitWindow bool = false
showMessageBox bool = false

textInput string
showTextInputBox bool = false

// TODO textInputFileName string
)

rl.SetTargetFPS(60)
//--------------------------------------------------------------------------------------

// Main game loop
update := func() { // Detect window close button or ESC key
_ = exitWindow
// Update
//----------------------------------------------------------------------------------

if rl.IsKeyPressed(rl.KeyEscape) {
showMessageBox = !showMessageBox
}

if rl.IsKeyDown(rl.KeyLeftControl) && rl.IsKeyPressed(rl.KeyS) {
showTextInputBox = true
}

// TODO if rl.IsFileDropped() {
// TODO var droppedFiles gui.FilePathList = rl.LoadDroppedFiles()
// TODO if (droppedFiles.count > 0) && rl.IsFileExtension(droppedFiles.paths[0], ".rgs") {
// TODO gui.LoadStyle(droppedFiles.paths[0])
// TODO }
// TODO rl.UnloadDroppedFiles(droppedFiles) // Clear internal buffers
// TODO }
//----------------------------------------------------------------------------------

// Draw
//----------------------------------------------------------------------------------
rl.BeginDrawing()

rl.ClearBackground(rl.GetColor(uint(gui.GetStyle(gui.DEFAULT, gui.BACKGROUND_COLOR))))

// raygui: controls drawing
//----------------------------------------------------------------------------------
if dropDown000EditMode || dropDown001EditMode {
gui.Lock()
} else if !dropDown000EditMode && !dropDown001EditMode {
gui.Unlock()
}
//GuiDisable();

// First GUI column
//GuiSetStyle(CHECKBOX, TEXT_ALIGNMENT, TEXT_ALIGN_LEFT);
forceSquaredChecked = gui.CheckBox(rl.Rectangle{25, 108, 15, 15}, "FORCE CHECK!", forceSquaredChecked)

gui.SetStyle(gui.TEXTBOX, gui.TEXT_ALIGNMENT, gui.TEXT_ALIGN_CENTER)
//GuiSetStyle(VALUEBOX, TEXT_ALIGNMENT, TEXT_ALIGN_LEFT);
gui.Spinner(rl.Rectangle{25, 135, 125, 30}, "", &spinner001Value, 0, 100, spinnerEditMode)

if gui.ValueBox(rl.Rectangle{25, 175, 125, 30}, "", &valueBox002Value, 0, 100, valueBoxEditMode) {
valueBoxEditMode = !valueBoxEditMode
}
gui.SetStyle(gui.TEXTBOX, gui.TEXT_ALIGNMENT, gui.TEXT_ALIGN_LEFT)
if gui.TextBox(rl.Rectangle{25, 215, 125, 30}, &textBoxText, 64, textBoxEditMode) {
textBoxEditMode = !textBoxEditMode
}

gui.SetStyle(gui.BUTTON, gui.TEXT_ALIGNMENT, gui.TEXT_ALIGN_CENTER)

if gui.Button(rl.Rectangle{25, 255, 125, 30}, gui.IconText(gui.ICON_FILE_SAVE, "Save File")) {
showTextInputBox = true
}

gui.GroupBox(rl.Rectangle{25, 310, 125, 150}, "STATES")
//GuiLock();
gui.SetState(gui.STATE_NORMAL)
if gui.Button(rl.Rectangle{30, 320, 115, 30}, "NORMAL") {
}
gui.SetState(gui.STATE_FOCUSED)
if gui.Button(rl.Rectangle{30, 355, 115, 30}, "FOCUSED") {
}
gui.SetState(gui.STATE_PRESSED)
if gui.Button(rl.Rectangle{30, 390, 115, 30}, "#15#PRESSED") {
}
gui.SetState(gui.STATE_DISABLED)
if gui.Button(rl.Rectangle{30, 425, 115, 30}, "DISABLED") {
}
gui.SetState(gui.STATE_NORMAL)
//GuiUnlock();

comboBoxActive = gui.ComboBox(rl.Rectangle{25, 470, 125, 30}, "ONE;TWO;THREE;FOUR", comboBoxActive)

// NOTE: gui.DropdownBox must draw after any other control that can be covered on unfolding
gui.SetStyle(gui.DROPDOWNBOX, gui.TEXT_ALIGNMENT, gui.TEXT_ALIGN_LEFT)
if gui.DropdownBox(rl.Rectangle{25, 65, 125, 30}, "#01#ONE;#02#TWO;#03#THREE;#04#FOUR", &dropdownBox001Active, dropDown001EditMode) {
dropDown001EditMode = !dropDown001EditMode
}

gui.SetStyle(gui.DROPDOWNBOX, gui.TEXT_ALIGNMENT, gui.TEXT_ALIGN_CENTER)
if gui.DropdownBox(rl.Rectangle{25, 25, 125, 30}, "ONE;TWO;THREE", &dropdownBox000Active, dropDown000EditMode) {
dropDown000EditMode = !dropDown000EditMode
}

// Second GUI column
// listViewActive = gui.ListView(rl.Rectangle{165, 25, 140, 140}, "Charmander;Bulbasaur;#18#Squirtel;Pikachu;Eevee;Pidgey", &listViewScrollIndex, listViewActive)
// listViewExActive = gui.ListViewEx(rl.Rectangle{165, 180, 140, 200}, listViewExList, &listViewExFocus, &listViewExScrollIndex, listViewExActive)

toggleGroupActive = gui.ToggleGroup(rl.Rectangle{165, 400, 140, 25}, "#1#ONE\n#3#TWO\n#8#THREE\n#23#", toggleGroupActive)

// Third GUI column
gui.Panel(rl.NewRectangle(320, 25, 225, 140), "Panel Info")
colorPickerValue = gui.ColorPicker(rl.Rectangle{320, 185, 196, 192}, "", colorPickerValue)

sliderValue = gui.Slider(rl.Rectangle{355, 400, 165, 20}, "TEST",
fmt.Sprintf("%2.2f", sliderValue), sliderValue, -50, 100)
sliderBarValue = gui.SliderBar(rl.Rectangle{320, 430, 200, 20}, "",
fmt.Sprintf("%2.2f", sliderBarValue), sliderBarValue, 0, 100)
progressValue = gui.ProgressBar(rl.Rectangle{320, 460, 200, 20}, "", "", progressValue, 0, 1)

// NOTE: View rectangle could be used to perform some scissor test
var view rl.Rectangle
gui.ScrollPanel(rl.Rectangle{560, 25, 102, 354}, "", rl.Rectangle{560, 25, 300, 1200}, &viewScroll, &view)

var mouseCell rl.Vector2
gui.Grid(rl.Rectangle{560, 25 + 180 + 195, 100, 120}, "", 20, 3, &mouseCell)

alphaValue = gui.ColorBarAlpha(rl.Rectangle{320, 490, 200, 30}, "", alphaValue)

gui.StatusBar(rl.Rectangle{0, float32(rl.GetScreenHeight()) - 20, float32(rl.GetScreenWidth()), 20}, "This is a status bar")

if showMessageBox {
rl.DrawRectangle(0, 0, int32(rl.GetScreenWidth()), int32(rl.GetScreenHeight()), rl.Fade(rl.RayWhite, 0.8))
var result int32 = gui.MessageBox(rl.Rectangle{float32(rl.GetScreenWidth())/2 - 125, float32(rl.GetScreenHeight())/2 - 50, 250, 100}, gui.IconText(gui.ICON_EXIT, "Close Window"), "Do you really want to exit?", "Yes;No")

if (result == 0) || (result == 2) {
showMessageBox = false
} else if result == 1 {
exitWindow = true
}
}

if showTextInputBox {
rl.DrawRectangle(0, 0, int32(rl.GetScreenWidth()), int32(rl.GetScreenHeight()), rl.Fade(rl.RayWhite, 0.8))
var secretViewActive bool
var result int32 = gui.TextInputBox(
rl.Rectangle{float32(rl.GetScreenWidth())/2 - 120, float32(rl.GetScreenHeight())/2 - 60, 240, 140},
"Save",
gui.IconText(gui.ICON_FILE_SAVE, "Save file as..."),
"Ok;Cancel",
&textInput, 255, &secretViewActive)

if result == 1 {
// TODO: Validate textInput value and save
// strcpy(textInputFileName, textInput)
// TODO textInputFileName = textInput
}
if (result == 0) || (result == 1) || (result == 2) {
showTextInputBox = false
//strcpy(textInput, "\0");
textInput = ""
}
}
//----------------------------------------------------------------------------------

rl.EndDrawing()
//----------------------------------------------------------------------------------
}
rl.SetMain(update)

// De-Initialization
//--------------------------------------------------------------------------------------
rl.CloseWindow() // Close window and OpenGL context
//--------------------------------------------------------------------------------------
}
62 changes: 14 additions & 48 deletions index/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,61 +1,27 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<script src="wasm_exec.js"></script>
<style>
body {
margin: 0;
overflow: hidden;
background: #111;
}
</head>

/* overlay */
#loading-overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.8);
color: white;
font-family: system-ui, sans-serif;
z-index: 9999;
transition: opacity 0.4s ease;
}
/* spinner */
.spinner {
width: 48px;
height: 48px;
margin: 0 auto 1rem;
border: 5px solid rgba(255, 255, 255, 0.2);
border-top-color: #4fd1c5;
border-radius: 50%;
animation: spin 1s linear infinite;
}
<style>
/* CSS */
<!-- html, body { -->
<!-- margin: 0; -->
<!-- padding: 0; -->
<!-- overflow: hidden; /* Prevents scrollbars */ -->
<!-- width: 100%; -->
<!-- height: 100%; -->
<!-- } -->

@keyframes spin {
to {
transform: rotate(360deg);
}
}
<!-- canvas { -->
<!-- display: block; /* Removes the small default gap at the bottom */ -->
<!-- } -->

.loading-text {
font-size: 1.1rem;
letter-spacing: 0.5px;
}
</style>
</head>
</style>

<body>
<div id="loading-overlay">
<div class="loading-box">
<div class="spinner"></div>
<div class="loading-text">Loading…</div>
</div>
</div>

<canvas id="canvas" width="800" height="600"></canvas>
<script type="module" src="./index.js"></script>
</body>
Expand Down
Loading