From dcfa090c9e99bf8d3bad98e0f6cdb431b219b977 Mon Sep 17 00:00:00 2001
From: adaxiik <a.jantula@seznam.cz>
Date: Thu, 8 Feb 2024 22:35:31 +0100
Subject: [PATCH 1/4] ported shapes_colors_palette example

---
 build.sh   |  4 +++-
 index.html | 11 +++++-----
 raylib.js  | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 68 insertions(+), 7 deletions(-)

diff --git a/build.sh b/build.sh
index a194d6b..bb1e27f 100755
--- a/build.sh
+++ b/build.sh
@@ -7,9 +7,11 @@ mkdir -p build/
 clang -I./include/ -o build/core_basic_window ./examples/core_basic_window.c -L./lib/ -lraylib -lm
 clang -I./include/ -o build/core_basic_screen_manager ./examples/core_basic_screen_manager.c -L./lib/ -lraylib -lm
 clang -I./include/ -o build/core_input_keys ./examples/core_input_keys.c -L./lib/ -lraylib -lm
-clang -I./include/ -o build/game ./game.c -L./lib/ -lraylib -lm
+clang -I./include/ -o build/core_input_keys ./examples/core_input_keys.c -L./lib/ -lraylib -lm
+clang -I./include/ -o build/shapes_colors_palette ./examples/shapes_colors_palette.c -L./lib/ -lraylib -lm
 
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/core_basic_window.wasm ./examples/core_basic_window.c -DPLATFORM_WEB
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/core_basic_screen_manager.wasm ./examples/core_basic_screen_manager.c -DPLATFORM_WEB
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/core_input_keys.wasm ./examples/core_input_keys.c -DPLATFORM_WEB
+clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/shapes_colors_palette.wasm ./examples/shapes_colors_palette.c -DPLATFORM_WEB
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/game.wasm game.c -DPLATFORM_WEB
diff --git a/index.html b/index.html
index 6d7026b..d8ff57f 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
             transform: translate(-50%, -50%);
             border: 1px solid black
         }
-        
+
         #raylib-example-select {
             display: block;
             max-width: 8rem;
@@ -45,9 +45,10 @@
     <script>
         const wasmPaths = {
             "tsoding": ["game",],
-            "core": ["core_basic_window", "core_basic_screen_manager", "core_input_keys",],
+            "core": ["core_basic_window", "core_basic_screen_manager", "core_input_keys"],
+            "shapes": ["shapes_colors_palette"]
         }
-        
+
         const raylibExampleSelect = document.getElementById("raylib-example-select");
 
         for (const exampleCategory in wasmPaths){
@@ -57,7 +58,7 @@
             }
             raylibExampleSelect.innerHTML += "</optgroup>"
         }
-        
+
         const { protocol } = window.location;
         const isHosted = protocol !== "file:";
         let raylibJs = undefined;
@@ -86,7 +87,7 @@
                         `;
                 });
             }
-            
+
         }
 
         startRaylib("game");
diff --git a/raylib.js b/raylib.js
index 0518bd8..fea52dc 100644
--- a/raylib.js
+++ b/raylib.js
@@ -12,6 +12,8 @@ function make_environment(env) {
 }
 
 class RaylibJs {
+    #FONT_SCALE_MAGIC = 0.65;
+
     #reset() {
         this.previous = undefined;
         this.wasm = undefined;
@@ -21,6 +23,7 @@ class RaylibJs {
         this.entryFunction = undefined;
         this.prevPressedKeyState = new Set();
         this.currentPressedKeyState = new Set();
+        this.currentMousePosition = {x: 0, y: 0};
         this.quit = false;
     }
 
@@ -54,8 +57,13 @@ class RaylibJs {
         const keyUp = (e) => {
             this.currentPressedKeyState.delete(glfwKeyMapping[e.code]);
         };
+        const mouseMove = (e) => {
+            this.currentMousePosition = {x: e.clientX, y: e.clientY};
+        }
+
         window.addEventListener("keydown", keyDown);
         window.addEventListener("keyup", keyUp);
+        window.addEventListener("mousemove", mouseMove);
 
         this.wasm.instance.exports.main();
         const next = (timestamp) => {
@@ -141,7 +149,7 @@ class RaylibJs {
         // magical factor.
         //
         // It would be nice to have a better approach...
-        fontSize *= 0.65;
+        fontSize *= this.#FONT_SCALE_MAGIC;
         this.ctx.fillStyle = color;
         // TODO: since the default font is part of Raylib the css that defines it should be located in raylib.js and not in index.html
         this.ctx.font = `${fontSize}px grixel`;
@@ -167,6 +175,56 @@ class RaylibJs {
         return false;
     }
 
+    GetMousePosition(result_ptr) {
+        const bcrect = this.ctx.canvas.getBoundingClientRect();
+        const x = this.currentMousePosition.x - bcrect.left;
+        const y = this.currentMousePosition.y - bcrect.top;
+
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        new Float32Array(buffer, result_ptr, 2).set([x, y]);
+    }
+
+    CheckCollisionPointRec(point_ptr, rec_ptr) {
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        const [x, y] = new Float32Array(buffer, point_ptr, 2);
+        const [rx, ry, rw, rh] = new Float32Array(buffer, rec_ptr, 4);
+        return ((x >= rx) && x <= (rx + rw) && (y >= ry) && y <= (ry + rh));
+    }
+
+    Fade(result_ptr, color_ptr, alpha) {
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        const [r, g, b, _] = new Uint8Array(buffer, color_ptr, 4);
+        const newA = Math.max(0, Math.min(255, 255.0*alpha));
+        new Uint8Array(buffer, result_ptr, 4).set([r, g, b, newA]);
+    }
+
+    DrawRectangleRec(rec_ptr, color_ptr) {
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        const [x, y, w, h] = new Float32Array(buffer, rec_ptr, 4);
+        const color = getColorFromMemory(buffer, color_ptr);
+        this.ctx.fillStyle = color;
+        this.ctx.fillRect(x, y, w, h);
+    }
+
+    DrawRectangleLinesEx(rec_ptr, lineThick, color_ptr) {
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        const [x, y, w, h] = new Float32Array(buffer, rec_ptr, 4);
+        const color = getColorFromMemory(buffer, color_ptr);
+        this.ctx.strokeStyle = color;
+        this.ctx.lineWidth = lineThick;
+        this.ctx.strokeRect(x + lineThick/2, y + lineThick/2, w - lineThick, h - lineThick);
+    }
+
+    MeasureText(text_ptr, fontSize) {
+        const buffer = this.wasm.instance.exports.memory.buffer;
+        const text = cstr_by_ptr(buffer, text_ptr);
+
+        // TODO:
+        fontSize *= this.#FONT_SCALE_MAGIC;
+        this.ctx.font = `${fontSize}px grixel`;
+        return this.ctx.measureText(text).width;
+    }
+
     raylib_js_set_entry(entry) {
         this.entryFunction = this.wasm.instance.exports.__indirect_function_table.get(entry);
     }

From 49ebfe6c292d3e50a10f09aee636c22ec79cc3c6 Mon Sep 17 00:00:00 2001
From: adaxiik <a.jantula@seznam.cz>
Date: Thu, 8 Feb 2024 22:36:18 +0100
Subject: [PATCH 2/4] added actual example into folder, added wasm file

---
 examples/shapes_colors_palette.c | 117 +++++++++++++++++++++++++++++++
 wasm/shapes_colors_palette.wasm  | Bin 0 -> 4975 bytes
 2 files changed, 117 insertions(+)
 create mode 100644 examples/shapes_colors_palette.c
 create mode 100755 wasm/shapes_colors_palette.wasm

diff --git a/examples/shapes_colors_palette.c b/examples/shapes_colors_palette.c
new file mode 100644
index 0000000..3cd0e00
--- /dev/null
+++ b/examples/shapes_colors_palette.c
@@ -0,0 +1,117 @@
+/*******************************************************************************************
+*
+*   raylib [shapes] example - Colors palette
+*
+*   Example originally created with raylib 1.0, last time updated with raylib 2.5
+*
+*   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) 2014-2024 Ramon Santamaria (@raysan5)
+*
+********************************************************************************************/
+
+#include "raylib.h"
+#define MAX_COLORS_COUNT    21          // Number of colors available
+
+void raylib_js_set_entry(void (*entry)(void));
+
+Color colors[MAX_COLORS_COUNT] = {
+    DARKGRAY, MAROON, ORANGE, DARKGREEN, DARKBLUE, DARKPURPLE, DARKBROWN,
+    GRAY, RED, GOLD, LIME, BLUE, VIOLET, BROWN, LIGHTGRAY, PINK, YELLOW,
+    GREEN, SKYBLUE, PURPLE, BEIGE };
+
+const char *colorNames[MAX_COLORS_COUNT] = {
+    "DARKGRAY", "MAROON", "ORANGE", "DARKGREEN", "DARKBLUE", "DARKPURPLE",
+    "DARKBROWN", "GRAY", "RED", "GOLD", "LIME", "BLUE", "VIOLET", "BROWN",
+    "LIGHTGRAY", "PINK", "YELLOW", "GREEN", "SKYBLUE", "PURPLE", "BEIGE" };
+
+Rectangle colorsRecs[MAX_COLORS_COUNT] = { 0 };     // Rectangles array
+
+int colorState[MAX_COLORS_COUNT] = { 0 };           // Color state: 0-DEFAULT, 1-MOUSE_HOVER
+
+Vector2 mousePoint = { 0.0f, 0.0f };
+
+
+void GameFrame()
+{
+    // Update
+    //----------------------------------------------------------------------------------
+    mousePoint = GetMousePosition();
+
+    for (int i = 0; i < MAX_COLORS_COUNT; i++)
+    {
+        if (CheckCollisionPointRec(mousePoint, colorsRecs[i])) colorState[i] = 1;
+        else colorState[i] = 0;
+    }
+    //----------------------------------------------------------------------------------
+
+    // Draw
+    //----------------------------------------------------------------------------------
+    BeginDrawing();
+
+        ClearBackground(RAYWHITE);
+
+        DrawText("raylib colors palette", 28, 42, 20, BLACK);
+        DrawText("press SPACE to see all colors", GetScreenWidth() - 180, GetScreenHeight() - 40, 10, GRAY);
+
+        for (int i = 0; i < MAX_COLORS_COUNT; i++)    // Draw all rectangles
+        {
+            DrawRectangleRec(colorsRecs[i], Fade(colors[i], colorState[i]? 0.6f : 1.0f));
+
+            if (IsKeyDown(KEY_SPACE) || colorState[i])
+            {
+                DrawRectangle((int)colorsRecs[i].x, (int)(colorsRecs[i].y + colorsRecs[i].height - 26), (int)colorsRecs[i].width, 20, BLACK);
+                DrawRectangleLinesEx(colorsRecs[i], 6, Fade(BLACK, 0.3f));
+                DrawText(colorNames[i], (int)(colorsRecs[i].x + colorsRecs[i].width - MeasureText(colorNames[i], 10) - 12),
+                    (int)(colorsRecs[i].y + colorsRecs[i].height - 20), 10, colors[i]);
+            }
+        }
+
+    EndDrawing();
+    //----------------------------------------------------------------------------------
+}
+
+
+//------------------------------------------------------------------------------------
+// Program main entry point
+//------------------------------------------------------------------------------------
+int main(void)
+{
+    // Initialization
+    //--------------------------------------------------------------------------------------
+    const int screenWidth = 800;
+    const int screenHeight = 450;
+
+    InitWindow(screenWidth, screenHeight, "raylib [shapes] example - colors palette");
+
+
+    // Fills colorsRecs data (for every rectangle)
+    for (int i = 0; i < MAX_COLORS_COUNT; i++)
+    {
+        colorsRecs[i].x = 20.0f + 100.0f *(i%7) + 10.0f *(i%7);
+        colorsRecs[i].y = 80.0f + 100.0f *(i/7) + 10.0f *(i/7);
+        colorsRecs[i].width = 100.0f;
+        colorsRecs[i].height = 100.0f;
+    }
+
+
+
+    SetTargetFPS(60);               // Set our game to run at 60 frames-per-second
+    //--------------------------------------------------------------------------------------
+
+#ifdef PLATFORM_WEB
+    raylib_js_set_entry(GameFrame);
+#else
+    // Main game loop
+    while (!WindowShouldClose())    // Detect window close button or ESC key
+    {
+        GameFrame();
+    }
+    // De-Initialization
+    //--------------------------------------------------------------------------------------
+    CloseWindow();                // Close window and OpenGL context
+    //--------------------------------------------------------------------------------------
+#endif
+    return 0;
+}
\ No newline at end of file
diff --git a/wasm/shapes_colors_palette.wasm b/wasm/shapes_colors_palette.wasm
new file mode 100755
index 0000000000000000000000000000000000000000..71a4f9ae90d8643f9b005267bfbd47a38ebb3762
GIT binary patch
literal 4975
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

literal 0
HcmV?d00001


From e6ca50cfe7784ce61d1a9dbaa8c11ff9a53ba134 Mon Sep 17 00:00:00 2001
From: adaxiik <a.jantula@seznam.cz>
Date: Thu, 8 Feb 2024 22:38:09 +0100
Subject: [PATCH 3/4] build.sh quick fix

---
 build.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/build.sh b/build.sh
index bb1e27f..a5e569f 100755
--- a/build.sh
+++ b/build.sh
@@ -7,8 +7,8 @@ mkdir -p build/
 clang -I./include/ -o build/core_basic_window ./examples/core_basic_window.c -L./lib/ -lraylib -lm
 clang -I./include/ -o build/core_basic_screen_manager ./examples/core_basic_screen_manager.c -L./lib/ -lraylib -lm
 clang -I./include/ -o build/core_input_keys ./examples/core_input_keys.c -L./lib/ -lraylib -lm
-clang -I./include/ -o build/core_input_keys ./examples/core_input_keys.c -L./lib/ -lraylib -lm
 clang -I./include/ -o build/shapes_colors_palette ./examples/shapes_colors_palette.c -L./lib/ -lraylib -lm
+clang -I./include/ -o build/game ./game.c -L./lib/ -lraylib -lm
 
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/core_basic_window.wasm ./examples/core_basic_window.c -DPLATFORM_WEB
 clang --target=wasm32 -I./include --no-standard-libraries -Wl,--export-table -Wl,--no-entry -Wl,--allow-undefined -Wl,--export=main -o wasm/core_basic_screen_manager.wasm ./examples/core_basic_screen_manager.c -DPLATFORM_WEB

From 2ce95dff1447e0a28340fef63abd3f6088e21c7c Mon Sep 17 00:00:00 2001
From: rexim <reximkut@gmail.com>
Date: Fri, 9 Feb 2024 19:57:36 +0700
Subject: [PATCH 4/4] Move TODO about the FONT_SCALE_MAGIC

---
 raylib.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/raylib.js b/raylib.js
index fea52dc..07f81db 100644
--- a/raylib.js
+++ b/raylib.js
@@ -12,6 +12,13 @@ function make_environment(env) {
 }
 
 class RaylibJs {
+    // TODO: We stole the font from the website
+    // (https://raylib.com/) and it's slightly different than
+    // the one that is "baked" into Raylib library itself. To
+    // account for the differences we scale the size with a
+    // magical factor.
+    //
+    // It would be nice to have a better approach...
     #FONT_SCALE_MAGIC = 0.65;
 
     #reset() {
@@ -142,13 +149,6 @@ class RaylibJs {
         const buffer = this.wasm.instance.exports.memory.buffer;
         const text = cstr_by_ptr(buffer, text_ptr);
         const color = getColorFromMemory(buffer, color_ptr);
-        // TODO: We stole the font from the website
-        // (https://raylib.com/) and it's slightly different than
-        // the one that is "baked" into Raylib library itself. To
-        // account for the differences we scale the size with a
-        // magical factor.
-        //
-        // It would be nice to have a better approach...
         fontSize *= this.#FONT_SCALE_MAGIC;
         this.ctx.fillStyle = color;
         // TODO: since the default font is part of Raylib the css that defines it should be located in raylib.js and not in index.html
@@ -218,8 +218,6 @@ class RaylibJs {
     MeasureText(text_ptr, fontSize) {
         const buffer = this.wasm.instance.exports.memory.buffer;
         const text = cstr_by_ptr(buffer, text_ptr);
-
-        // TODO:
         fontSize *= this.#FONT_SCALE_MAGIC;
         this.ctx.font = `${fontSize}px grixel`;
         return this.ctx.measureText(text).width;