Added core_input_mouse.c example

examples/core_input_mouse.c

@@ -0,0 +1,73 @@
+/*******************************************************************************************
+*
+*   raylib [core] example - Mouse input
+*
+*   Example originally created with raylib 1.0, last time updated with raylib 4.0
+*
+*   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"
+void raylib_js_set_entry(void (*entry)(void));
+
+Color ballColor = DARKBLUE;
+Vector2 ballPosition = { -100.0f, -100.0f };
+
+void GameFrame(){
+    ballPosition = GetMousePosition();
+
+    if (IsMouseButtonPressed(MOUSE_BUTTON_LEFT)) ballColor = MAROON;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_MIDDLE)) ballColor = LIME;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_RIGHT)) ballColor = DARKBLUE;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_SIDE)) ballColor = PURPLE;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_EXTRA)) ballColor = YELLOW;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_FORWARD)) ballColor = ORANGE;
+    else if (IsMouseButtonPressed(MOUSE_BUTTON_BACK)) ballColor = BEIGE;
+    //----------------------------------------------------------------------------------
+
+    // Draw
+    //----------------------------------------------------------------------------------
+    BeginDrawing();
+
+    ClearBackground(RAYWHITE);
+
+    DrawCircleV(ballPosition, 40, ballColor);
+
+    DrawText("move ball with mouse and click mouse button to change color", 10, 10, 20, DARKGRAY);
+
+    EndDrawing();
+}
+//------------------------------------------------------------------------------------
+// Program main entry point
+//------------------------------------------------------------------------------------
+int main(void)
+{
+    // Initialization
+    //--------------------------------------------------------------------------------------
+    const int screenWidth = 800;
+    const int screenHeight = 450;
+
+    InitWindow(screenWidth, screenHeight, "raylib [core] example - mouse input");
+
+    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;
+}

index.html

@@ -68,7 +68,7 @@
     <script>
         const wasmPaths = {
             "tsoding": ["tsoding_ball", "tsoding_snake",],
-            "core": ["core_basic_window", "core_basic_screen_manager", "core_input_keys", "core_input_mouse_wheel",],
+            "core": ["core_basic_window", "core_basic_screen_manager", "core_input_keys", "core_input_mouse_wheel", "core_input_mouse",],
             "shapes": ["shapes_colors_palette"],
             "text": ["text_writing_anim"],
             "textures": ["textures_logo_raylib"],

nob.c

@@ -23,6 +23,11 @@ Example examples[] = {
         .bin_path   = "./build/core_input_keys",
         .wasm_path  = "./wasm/core_input_keys.wasm",
     },
+    {
+        .src_path   = "./examples/core_input_mouse.c",
+        .bin_path   = "./build/core_input_mouse",
+        .wasm_path  = "./wasm/core_input_mouse.wasm",
+    },
     {
         .src_path   = "./examples/shapes_colors_palette.c",
         .bin_path   = "./build/shapes_colors_palette",

raylib.js

@@ -42,6 +42,7 @@ class RaylibJs {
         this.currentPressedKeyState = new Set();
         this.currentMouseWheelMoveState = 0;
         this.currentMousePosition = {x: 0, y: 0};
+        this.currentMouseButton = undefined;
         this.images = [];
         this.quit = false;
     }
@@ -82,10 +83,15 @@ class RaylibJs {
         const mouseMove = (e) => {
             this.currentMousePosition = {x: e.clientX, y: e.clientY};
         };
+        const mouseClick = (e) => {
+            this.currentMouseButton = e.button;
+        }
+
         window.addEventListener("keydown", keyDown);
         window.addEventListener("keyup", keyUp);
         window.addEventListener("wheel", wheelMove);
         window.addEventListener("mousemove", mouseMove);
+        window.addEventListener("mousedown", mouseClick);
 
         this.wasm.instance.exports.main();
         const next = (timestamp) => {
@@ -190,6 +196,10 @@ class RaylibJs {
     IsKeyDown(key) {
         return this.currentPressedKeyState.has(key);
     }
+
+    IsMouseButtonPressed(button){
+        return this.currentMouseButton == raylibMOuseButtonMapping[button];
+     }
     GetMouseWheelMove() {
       return this.currentMouseWheelMoveState;
     }
@@ -349,6 +359,16 @@ class RaylibJs {
     }
 }
 
+const raylibMOuseButtonMapping = {
+    0: 0,
+    1: 2,
+    2: 1,
+    3: 3,
+    4: 4,
+    5: 5,
+    6: 6,
+}
+
 const glfwKeyMapping = {
     "Space":          32,
     "Quote":          39,