From b980268ba7fd1fb5083546ca3f0b20f3390fe128 Mon Sep 17 00:00:00 2001
From: ubkp <118854183+ubkp@users.noreply.github.com>
Date: Sun, 16 Jul 2023 08:07:29 -0300
Subject: [PATCH] [example] Core Input Gestures for Web (#3172)

* [example] Core Input Gestures for Web

* Fix Doubletap for web

* Changes TAP_TIMEOUT and rgGetCurrentTime to seconds
---
 examples/Makefile                         |   1 +
 examples/Makefile.Web                     |  26 +-
 examples/core/core_input_gestures_web.c   | 330 ++++++++++++++++++++++
 examples/core/core_input_gestures_web.png | Bin 0 -> 8937 bytes
 src/rcore.c                               |   6 +
 src/rgestures.h                           |  16 +-
 6 files changed, 360 insertions(+), 19 deletions(-)
 create mode 100644 examples/core/core_input_gestures_web.c
 create mode 100644 examples/core/core_input_gestures_web.png

diff --git a/examples/Makefile b/examples/Makefile
index 15edf1b36..1a4d5f06c 100644
--- a/examples/Makefile
+++ b/examples/Makefile
@@ -405,6 +405,7 @@ CORE = \
     core/core_input_gamepad \
     core/core_input_multitouch \
     core/core_input_gestures \
+    core/core_input_gestures_web \
     core/core_2d_camera \
     core/core_2d_camera_platformer \
     core/core_2d_camera_mouse_zoom \
diff --git a/examples/Makefile.Web b/examples/Makefile.Web
index 499eb3eaa..e65351e07 100644
--- a/examples/Makefile.Web
+++ b/examples/Makefile.Web
@@ -386,6 +386,7 @@ CORE = \
     core/core_input_gamepad \
     core/core_input_multitouch \
     core/core_input_gestures \
+    core/core_input_gestures_web \
     core/core_2d_camera \
     core/core_2d_camera_platformer \
     core/core_2d_camera_mouse_zoom \
@@ -558,12 +559,15 @@ core/core_input_multitouch: core/core_input_multitouch.c
 core/core_input_gestures: core/core_input_gestures.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
 
+core/core_input_gestures_web: core/core_input_gestures_web.c
+	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
+
 core/core_2d_camera: core/core_2d_camera.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
 
 core/core_2d_camera_platformer: core/core_2d_camera_platformer.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
-    
+
 core/core_2d_camera_mouse_zoom: core/core_2d_camera_mouse_zoom.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
 
@@ -618,10 +622,10 @@ core/core_custom_frame_control: core/core_custom_frame_control.c
 
 core/core_window_should_close: core/core_window_should_close.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM)
-    
+
 # NOTE: To use multi-threading raylib must be compiled with multi-theading support (-s USE_PTHREADS=1)
 # WARNING: For security reasons multi-threading is not supported on browsers, it requires cross-origin isolation (Oct.2021)
-# WARNING: It requires raylib to be compiled using -pthread, so atomic operations and thread-local data (if any) 
+# WARNING: It requires raylib to be compiled using -pthread, so atomic operations and thread-local data (if any)
 # in its source were transformed to non-atomic operations and non-thread-local data
 core/core_loading_thread: core/core_loading_thread.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) -s USE_PTHREADS=1
@@ -745,7 +749,7 @@ textures/textures_sprite_explosion: textures/textures_sprite_explosion.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file textures/resources/explosion.png@resources/explosion.png \
     --preload-file textures/resources/boom.wav@resources/boom.wav
-    
+
 textures/textures_textured_curve: textures/textures_textured_curve.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file textures/resources/road.png@resources/road.png
@@ -857,8 +861,8 @@ models/models_cubicmap: models/models_cubicmap.c
 
 models/models_draw_cube_texture: models/models_draw_cube_texture.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
-    --preload-file models/resources/cubicmap_atlas.png@resources/cubicmap_atlas.png    
-    
+    --preload-file models/resources/cubicmap_atlas.png@resources/cubicmap_atlas.png
+
 models/models_first_person_maze: models/models_first_person_maze.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file models/resources/cubicmap.png@resources/cubicmap.png \
@@ -889,7 +893,7 @@ models/models_loading_vox: models/models_loading_vox.c
 models/models_loading_gltf: models/models_loading_gltf.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) -s TOTAL_MEMORY=67108864 \
     --preload-file models/resources/models/gltf/robot.glb@resources/models/gltf/robot.glb
-    
+
 models/models_loading_m3d: models/models_loading_m3d.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) -s TOTAL_MEMORY=67108864 \
     --preload-file models/resources/models/m3d/cesium_man.m3d@resources/models/m3d/cesium_man.m3d
@@ -1010,16 +1014,16 @@ shaders/shaders_texture_outline: shaders/shaders_texture_outline.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file shaders/resources/shaders/glsl100/outline.fs@resources/shaders/glsl100/outline.fs \
     --preload-file shaders/resources/fudesumi.png@resources/fudesumi.png
-    
+
 shaders/shaders_write_depth: shaders/shaders_write_depth.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file shaders/resources/shaders/glsl100/write_depth.fs@resources/shaders/glsl100/write_depth.fs
-    
+
 shaders/shaders_hybrid_render: shaders/shaders_hybrid_render.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
     --preload-file shaders/resources/shaders/glsl100/hybrid_raymarch.fs@resources/shaders/glsl100/hybrid_raymarch.fs \
     --preload-file shaders/resources/shaders/glsl100/hybrid_raster.fs@resources/shaders/glsl100/hybrid_raster.fs
-    
+
 # Compile AUDIO examples
 audio/audio_module_playing: audio/audio_module_playing.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) \
@@ -1040,7 +1044,7 @@ audio/audio_sound_loading: audio/audio_sound_loading.c
 audio/audio_stream_effects: audio/audio_stream_effects.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) -s TOTAL_MEMORY=67108864 \
     --preload-file audio/resources/country.mp3@resources/country.mp3
-    
+
 audio/audio_mixed_processor: audio/audio_mixed_processor.c
 	$(CC) -o $@$(EXT) $< $(CFLAGS) $(INCLUDE_PATHS) $(LDFLAGS) $(LDLIBS) -D$(PLATFORM) -s TOTAL_MEMORY=67108864 \
     --preload-file audio/resources/country.mp3@resources/country.mp3 \
diff --git a/examples/core/core_input_gestures_web.c b/examples/core/core_input_gestures_web.c
new file mode 100644
index 000000000..0ee3d1c5e
--- /dev/null
+++ b/examples/core/core_input_gestures_web.c
@@ -0,0 +1,330 @@
+/*******************************************************************************************
+*
+*   raylib [core] example - Input Gestures for Web
+*
+*   Example originally created with raylib 4.6-dev, last time updated with raylib 4.6-dev
+*
+*   Example contributed by ubkp (@ubkp) and reviewed by Ramon Santamaria (@raysan5)
+*
+*   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) 2023 ubkp (@ubkp)
+*
+********************************************************************************************/
+
+#include "raylib.h"
+#include "math.h" // Required for the protractor angle graphic drawing
+
+#if defined(PLATFORM_WEB)
+    #include <emscripten/emscripten.h> // Required for the Web/HTML5
+#endif
+
+//--------------------------------------------------------------------------------------
+// Global definitions and declarations
+//--------------------------------------------------------------------------------------
+
+// Common variables definitions
+//--------------------------------------------------------------------------------------
+int screenWidth = 800;
+const int screenHeight = 450;
+Vector2 messagePosition = {160, 7};
+
+// Last gesture variables definitions
+//--------------------------------------------------------------------------------------
+int lastGesture = 0;
+Vector2 lastGesturePosition = {165, 130};
+
+// Gesture log variables definitions and functions declarations
+//--------------------------------------------------------------------------------------
+#define GESTURE_LOG_SIZE 20
+char gestureLog[GESTURE_LOG_SIZE][12] = { "" }; // The gesture log uses an array (as an inverted circular queue) to store the performed gestures
+int gestureLogIndex = GESTURE_LOG_SIZE;         // The index for the inverted circular queue (moving from last to first direction, then looping around)
+int previousGesture = 0;
+char const *GetGestureName(int i)
+{
+   switch (i)  {
+      case 0:   return "None";        break;
+      case 1:   return "Tap";         break;
+      case 2:   return "Double Tap";  break;
+      case 4:   return "Hold";        break;
+      case 8:   return "Drag";        break;
+      case 16:  return "Swipe Right"; break;
+      case 32:  return "Swipe Left";  break;
+      case 64:  return "Swipe Up";    break;
+      case 128: return "Swipe Down";  break;
+      case 256: return "Pinch In";    break;
+      case 512: return "Pinch Out";   break;
+      default:  return "Unknown";     break;
+   }
+}
+Color GetGestureColor(int i)
+{
+   switch (i)  {
+      case 0:   return BLACK;   break;
+      case 1:   return BLUE;    break;
+      case 2:   return SKYBLUE; break;
+      case 4:   return BLACK;   break;
+      case 8:   return LIME;    break;
+      case 16:  return RED;     break;
+      case 32:  return RED;     break;
+      case 64:  return RED;     break;
+      case 128: return RED;     break;
+      case 256: return VIOLET;  break;
+      case 512: return ORANGE;  break;
+      default:  return BLACK;   break;
+   }
+}
+Color gestureColor = BLACK;
+int logMode = 1; // Log mode values: 0 shows repeated events; 1 hides repeated events; 2 shows repeated events but hide hold events; 3 hides repeated events and hide hold events
+Rectangle logButton1 = {53, 7, 48, 26};
+Rectangle logButton2 = {108, 7, 36, 26};
+Vector2 gestureLogPosition = {10, 10};
+
+// Protractor variables definitions
+//--------------------------------------------------------------------------------------
+float angleLength = 90.0f;
+float currentAngleDegrees = 0.0f;
+Vector2 finalVector = {0.0f, 0.0f};
+char currentAngleStr[7] = "";
+Vector2 protractorPosition = {266.0f, 315.0f};
+
+// Update
+//--------------------------------------------------------------------------------------
+void Update(void)
+{
+    // Handle common
+    //--------------------------------------------------------------------------------------
+    int i, ii; // Iterators that will be reused by all for loops
+    const int currentGesture = GetGestureDetected();
+    const float currentDragDegrees = GetGestureDragAngle();
+    const float currentPitchDegrees = GetGesturePinchAngle();
+    const int touchCount = GetTouchPointCount();
+
+    // Handle last gesture
+    //--------------------------------------------------------------------------------------
+    if ( currentGesture != 0 && currentGesture != 4 && currentGesture != previousGesture ) lastGesture = currentGesture; // Filter the meaningful gestures (1, 2, 8 to 512) for the display
+
+    // Handle gesture log
+    //--------------------------------------------------------------------------------------
+    if ( IsMouseButtonReleased(MOUSE_BUTTON_LEFT) )
+    {
+        if ( CheckCollisionPointRec(GetMousePosition(), logButton1 ) )
+        {
+            switch (logMode)
+            {
+              case 3:  logMode=2; break;
+              case 2:  logMode=3; break;
+              case 1:  logMode=0; break;
+              default: logMode=1; break;
+            }
+        }
+        else if ( CheckCollisionPointRec(GetMousePosition(), logButton2) )
+        {
+            switch (logMode)
+            {
+              case 3:  logMode=1; break;
+              case 2:  logMode=0; break;
+              case 1:  logMode=3; break;
+              default: logMode=2; break;
+            }
+        }
+    }
+    int fillLog = 0; // Gate variable to be used to allow or not the gesture log to be filled
+    if (currentGesture !=0)
+    {
+        if (logMode == 3) // 3 hides repeated events and hide hold events
+        {
+            if ( ( currentGesture != 4 && currentGesture != previousGesture ) || currentGesture < 3 ) fillLog = 1;
+        }
+        else if (logMode == 2) // 2 shows repeated events but hide hold events
+        {
+            if (currentGesture != 4) fillLog = 1;
+        }
+        else if (logMode == 1) // 1 hides repeated events
+        {
+            if (currentGesture != previousGesture) fillLog = 1;
+        }
+        else  // 0 shows repeated events
+        {
+            fillLog = 1;
+        }
+    }
+    if (fillLog) // If one of the conditions from logMode was met, fill the gesture log
+    {
+        previousGesture = currentGesture;
+        gestureColor = GetGestureColor(currentGesture);
+        if (gestureLogIndex <= 0) gestureLogIndex = GESTURE_LOG_SIZE;
+        gestureLogIndex--;
+        TextCopy( gestureLog[gestureLogIndex], GetGestureName(currentGesture) ); // Copy the gesture respective name to the gesture log array
+    }
+
+    // Handle protractor
+    //--------------------------------------------------------------------------------------
+    if (currentGesture > 255) // aka Pinch In and Pinch Out
+    {
+        currentAngleDegrees = currentPitchDegrees;
+    }
+    else if (currentGesture > 15) // aka Swipe Right, Swipe Left, Swipe Up and Swipe Down
+    {
+        currentAngleDegrees = currentDragDegrees;
+    }
+    else if (currentGesture > 0) // aka Tap, Doubletap, Hold and Grab
+    {
+        currentAngleDegrees = 0.0f;
+    }
+    float currentAngleRadians = ( (currentAngleDegrees +90.0f)*PI/180 ); // Convert the current angle to Radians
+    finalVector = (Vector2){ ( angleLength*sinf(currentAngleRadians) ) + protractorPosition.x, ( angleLength*cosf(currentAngleRadians) ) + protractorPosition.y }; // Calculate the final vector for display
+
+    // Handle touch and mouse pointer points
+    //--------------------------------------------------------------------------------------
+    Vector2 touchPosition[touchCount];
+    Vector2 mousePosition = {0, 0};
+    if (currentGesture != GESTURE_NONE)
+    {
+        if (touchCount != 0)
+        {
+            for (i = 0; i < touchCount; i++) touchPosition[i] = GetTouchPosition(i); // Fill the touch positions
+        }
+        else
+        {
+            mousePosition = GetMousePosition();
+        }
+    }
+
+    // Draw
+    //--------------------------------------------------------------------------------------
+    BeginDrawing();
+    ClearBackground(RAYWHITE);
+
+        // Draw common
+        //--------------------------------------------------------------------------------------
+        DrawText("*", messagePosition.x + 5, messagePosition.y + 5, 10, BLACK);
+        DrawText("Example optimized for Web/HTML5\non Smartphones with Touch Screen.", messagePosition.x + 15, messagePosition.y + 5, 10, BLACK);
+        DrawText("*", messagePosition.x + 5, messagePosition.y + 35, 10, BLACK);
+        DrawText("While running on Desktop Web Browsers,\ninspect and turn on Touch Emulation.", messagePosition.x + 15,  messagePosition.y + 35, 10, BLACK);
+
+        // Draw last gesture
+        //--------------------------------------------------------------------------------------
+        DrawText("Last gesture", lastGesturePosition.x + 33, lastGesturePosition.y - 47, 20, BLACK);
+        DrawText("Swipe         Tap       Pinch  Touch", lastGesturePosition.x + 17, lastGesturePosition.y - 18, 10, BLACK);
+        DrawRectangle(lastGesturePosition.x + 20, lastGesturePosition.y, 20, 20, lastGesture == GESTURE_SWIPE_UP ? RED : LIGHTGRAY);
+        DrawRectangle(lastGesturePosition.x, lastGesturePosition.y + 20, 20, 20, lastGesture == GESTURE_SWIPE_LEFT ? RED : LIGHTGRAY);
+        DrawRectangle(lastGesturePosition.x + 40, lastGesturePosition.y + 20, 20, 20, lastGesture == GESTURE_SWIPE_RIGHT ? RED : LIGHTGRAY);
+        DrawRectangle(lastGesturePosition.x + 20, lastGesturePosition.y + 40, 20, 20, lastGesture == GESTURE_SWIPE_DOWN ? RED : LIGHTGRAY);
+        DrawCircle(lastGesturePosition.x + 80, lastGesturePosition.y + 16, 10, lastGesture == GESTURE_TAP ? BLUE : LIGHTGRAY);
+        DrawRing( (Vector2){lastGesturePosition.x + 103, lastGesturePosition.y + 16}, 6.0f, 11.0f, 0.0f, 360.0f, 0, lastGesture == GESTURE_DRAG ? LIME : LIGHTGRAY);
+        DrawCircle(lastGesturePosition.x + 80, lastGesturePosition.y + 43, 10, lastGesture == GESTURE_DOUBLETAP ? SKYBLUE : LIGHTGRAY);
+        DrawCircle(lastGesturePosition.x + 103, lastGesturePosition.y + 43, 10, lastGesture == GESTURE_DOUBLETAP ? SKYBLUE : LIGHTGRAY);
+        DrawTriangle( (Vector2){lastGesturePosition.x + 122, lastGesturePosition.y + 16}, (Vector2){lastGesturePosition.x + 137, lastGesturePosition.y + 26}, (Vector2){lastGesturePosition.x + 137, lastGesturePosition.y + 6}, lastGesture == GESTURE_PINCH_OUT ? ORANGE : LIGHTGRAY);
+        DrawTriangle( (Vector2){lastGesturePosition.x + 147, lastGesturePosition.y + 6}, (Vector2){lastGesturePosition.x + 147, lastGesturePosition.y + 26}, (Vector2){lastGesturePosition.x + 162, lastGesturePosition.y + 16}, lastGesture == GESTURE_PINCH_OUT ? ORANGE : LIGHTGRAY);
+        DrawTriangle( (Vector2){lastGesturePosition.x + 125, lastGesturePosition.y + 33}, (Vector2){lastGesturePosition.x + 125, lastGesturePosition.y + 53}, (Vector2){lastGesturePosition.x + 140, lastGesturePosition.y + 43}, lastGesture == GESTURE_PINCH_IN ? VIOLET : LIGHTGRAY);
+        DrawTriangle( (Vector2){lastGesturePosition.x + 144, lastGesturePosition.y + 43}, (Vector2){lastGesturePosition.x + 159, lastGesturePosition.y + 53}, (Vector2){lastGesturePosition.x + 159, lastGesturePosition.y + 33}, lastGesture == GESTURE_PINCH_IN ? VIOLET : LIGHTGRAY);
+        for ( i = 0; i < 4; i++ ) DrawCircle(lastGesturePosition.x + 180, lastGesturePosition.y + 7 + i*15, 5, touchCount <= i ? LIGHTGRAY : gestureColor);
+
+        // Draw gesture log
+        //--------------------------------------------------------------------------------------
+        DrawText("Log", gestureLogPosition.x, gestureLogPosition.y, 20, BLACK);
+        // Loop in both directions to print the gesture log array in the inverted order (and looping around if the index started somewhere in the middle)
+        for (i = 0, ii = gestureLogIndex; i < GESTURE_LOG_SIZE; i++, ii = (ii + 1) % GESTURE_LOG_SIZE) DrawText(gestureLog[ii], gestureLogPosition.x, gestureLogPosition.y + 410 - i*20, 20, (i == 0 ? gestureColor : LIGHTGRAY));
+        Color logButton1Color, logButton2Color;
+        switch (logMode)
+        {
+          case 3:  logButton1Color=MAROON; logButton2Color=MAROON; break;
+          case 2:  logButton1Color=GRAY;   logButton2Color=MAROON; break;
+          case 1:  logButton1Color=MAROON; logButton2Color=GRAY;   break;
+          default: logButton1Color=GRAY;   logButton2Color=GRAY;   break;
+        }
+        DrawRectangleRec( logButton1, logButton1Color);
+        DrawText("Hide", logButton1.x + 7, logButton1.y + 3, 10, WHITE);
+        DrawText("Repeat", logButton1.x + 7, logButton1.y + 13, 10, WHITE);
+        DrawRectangleRec( logButton2, logButton2Color);
+        DrawText("Hide", logButton1.x + 62, logButton1.y + 3, 10, WHITE);
+        DrawText("Hold", logButton1.x + 62, logButton1.y + 13, 10, WHITE);
+
+        // Draw protractor
+        //--------------------------------------------------------------------------------------
+        DrawText("Angle", protractorPosition.x + 55, protractorPosition.y + 76, 10, BLACK);
+        const char *angleString = TextFormat("%f", currentAngleDegrees);
+        const int angleStringDot = TextFindIndex(angleString, ".");
+        const char *angleStringTrim = TextSubtext(angleString, 0, angleStringDot + 3);
+        DrawText( angleStringTrim, protractorPosition.x + 55, protractorPosition.y + 92, 20, gestureColor);
+        DrawCircle(protractorPosition.x, protractorPosition.y, 80.0f, WHITE);
+        DrawLineEx( (Vector2){protractorPosition.x - 90, protractorPosition.y}, (Vector2){protractorPosition.x + 90, protractorPosition.y}, 3.0f, LIGHTGRAY);
+        DrawLineEx( (Vector2){protractorPosition.x, protractorPosition.y - 90}, (Vector2){protractorPosition.x, protractorPosition.y + 90}, 3.0f, LIGHTGRAY);
+        DrawLineEx( (Vector2){protractorPosition.x - 80, protractorPosition.y - 45}, (Vector2){protractorPosition.x + 80, protractorPosition.y + 45}, 3.0f, GREEN);
+        DrawLineEx( (Vector2){protractorPosition.x - 80, protractorPosition.y + 45}, (Vector2){protractorPosition.x + 80, protractorPosition.y - 45}, 3.0f, GREEN);
+        DrawText("0", protractorPosition.x + 96, protractorPosition.y - 9, 20, BLACK);
+        DrawText("30", protractorPosition.x + 74, protractorPosition.y - 68, 20, BLACK);
+        DrawText("90", protractorPosition.x - 11, protractorPosition.y - 110, 20, BLACK);
+        DrawText("150", protractorPosition.x - 100, protractorPosition.y - 68, 20, BLACK);
+        DrawText("180", protractorPosition.x - 124, protractorPosition.y - 9, 20, BLACK);
+        DrawText("210", protractorPosition.x - 100, protractorPosition.y + 50, 20, BLACK);
+        DrawText("270", protractorPosition.x - 18, protractorPosition.y + 92, 20, BLACK);
+        DrawText("330", protractorPosition.x + 72, protractorPosition.y + 50, 20, BLACK);
+        if ( currentAngleDegrees != 0.0f ) DrawLineEx( protractorPosition, finalVector, 3.0f, gestureColor);
+
+        // Draw touch and mouse pointer points
+        //--------------------------------------------------------------------------------------
+        if (currentGesture != GESTURE_NONE)
+        {
+            if ( touchCount != 0 )
+            {
+                for (i = 0; i < touchCount; i++)
+                {
+                    DrawCircleV(touchPosition[i], 50.0f, Fade(gestureColor, 0.5f));
+                    DrawCircleV(touchPosition[i], 5.0f, gestureColor);
+                }
+                if (touchCount == 2) DrawLineEx( touchPosition[0], touchPosition[1], (currentGesture == 512 ? 8 : 12), gestureColor);
+            }
+            else
+            {
+                DrawCircleV(mousePosition, 35.0f, Fade(gestureColor, 0.5f));
+                DrawCircleV(mousePosition, 5.0f, gestureColor);
+            }
+        }
+
+    EndDrawing();
+    //--------------------------------------------------------------------------------------
+
+}
+
+//------------------------------------------------------------------------------------
+// Program main entry point
+//------------------------------------------------------------------------------------
+int main(void)
+{
+    // Initialization
+    //--------------------------------------------------------------------------------------
+    #if defined( PLATFORM_WEB )
+        const int canvasWidth = EM_ASM_INT( return document.getElementById('canvas').getBoundingClientRect().width; ); // Using Emscripten EM_ASM_INT macro, get the page canvas width
+        if (canvasWidth > 400)
+        {
+            screenWidth = canvasWidth;
+        }
+        else
+        {
+            screenWidth = 400; // Set a minimum width for the screen
+        }
+    #endif
+
+    InitWindow(screenWidth, screenHeight, "raylib [core] example - input gestures web");
+    //--------------------------------------------------------------------------------------
+
+    // Main game loop
+    //--------------------------------------------------------------------------------------
+    #if defined(PLATFORM_WEB)
+        emscripten_set_main_loop(Update, 0, 1);
+    #else
+        SetTargetFPS(60);
+        while (!WindowShouldClose()) Update(); // Detect window close button or ESC key
+    #endif
+    //--------------------------------------------------------------------------------------
+
+    // De-Initialization
+    //--------------------------------------------------------------------------------------
+    CloseWindow(); // Close window and OpenGL context
+    //--------------------------------------------------------------------------------------
+
+    return 0;
+}
diff --git a/examples/core/core_input_gestures_web.png b/examples/core/core_input_gestures_web.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd604e84b9c831d32229a8bdefc81d4ae161189a
GIT binary patch
literal 8937
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

literal 0
HcmV?d00001

diff --git a/src/rcore.c b/src/rcore.c
index 6fd7a4fe1..45495bb15 100644
--- a/src/rcore.c
+++ b/src/rcore.c
@@ -5593,8 +5593,14 @@ static void MouseButtonCallback(GLFWwindow *window, int button, int action, int
     gestureEvent.position[0].y /= (float)GetScreenHeight();
 
     // Gesture data is sent to gestures-system for processing
+#if defined(PLATFORM_WEB)
+    // Prevent calling ProcessGestureEvent() when Emscripten is present and there's a touch gesture, so EmscriptenTouchCallback() can handle it itself
+    if (GetMouseX() != 0 || GetMouseY() != 0) ProcessGestureEvent(gestureEvent);
+#else
     ProcessGestureEvent(gestureEvent);
 #endif
+
+#endif
 }
 
 // GLFW3 Cursor Position Callback, runs on mouse move
diff --git a/src/rgestures.h b/src/rgestures.h
index 749f440aa..78dde76ee 100644
--- a/src/rgestures.h
+++ b/src/rgestures.h
@@ -127,7 +127,7 @@ void SetGesturesEnabled(unsigned int flags);            // Enable a set of gestu
 bool IsGestureDetected(int gesture);                    // Check if a gesture have been detected
 int GetGestureDetected(void);                           // Get latest detected gesture
 
-float GetGestureHoldDuration(void);                     // Get gesture hold time in milliseconds
+float GetGestureHoldDuration(void);                     // Get gesture hold time in seconds
 Vector2 GetGestureDragVector(void);                     // Get gesture drag vector
 float GetGestureDragAngle(void);                        // Get gesture drag angle
 Vector2 GetGesturePinchVector(void);                    // Get gesture pinch delta
@@ -181,8 +181,8 @@ float GetGesturePinchAngle(void);                       // Get gesture pinch ang
 #define FORCE_TO_SWIPE      0.0005f     // Swipe force, measured in normalized screen units/time
 #define MINIMUM_DRAG        0.015f      // Drag minimum force, measured in normalized screen units (0.0f to 1.0f)
 #define MINIMUM_PINCH       0.005f      // Pinch minimum force, measured in normalized screen units (0.0f to 1.0f)
-#define TAP_TIMEOUT         300         // Tap minimum time, measured in milliseconds
-#define PINCH_TIMEOUT       300         // Pinch minimum time, measured in milliseconds
+#define TAP_TIMEOUT         0.3f        // Tap minimum time, measured in seconds
+#define PINCH_TIMEOUT       0.3f        // Pinch minimum time, measured in seconds
 #define DOUBLETAP_RANGE     0.03f       // DoubleTap range, measured in normalized screen units (0.0f to 1.0f)
 
 //----------------------------------------------------------------------------------
@@ -209,7 +209,7 @@ typedef struct {
     } Touch;
     struct {
         bool resetRequired;             // HOLD reset to get first touch point again
-        double timeDuration;            // HOLD duration in milliseconds
+        double timeDuration;            // HOLD duration in seconds
     } Hold;
     struct {
         Vector2 vector;                 // DRAG vector (between initial and current position)
@@ -522,7 +522,7 @@ static float rgVector2Distance(Vector2 v1, Vector2 v2)
     return result;
 }
 
-// Time measure returned are milliseconds
+// Time measure returned are seconds
 static double rgGetCurrentTime(void)
 {
     double time = 0;
@@ -536,7 +536,7 @@ static double rgGetCurrentTime(void)
     QueryPerformanceFrequency(&clockFrequency);     // BE CAREFUL: Costly operation!
     QueryPerformanceCounter(&currentTime);
 
-    time = (double)currentTime/clockFrequency*1000.0f;  // Time in miliseconds
+    time = (double)currentTime/clockFrequency;  // Time in seconds
 #endif
 
 #if defined(__linux__)
@@ -545,7 +545,7 @@ static double rgGetCurrentTime(void)
     clock_gettime(CLOCK_MONOTONIC, &now);
     unsigned long long int nowTime = (unsigned long long int)now.tv_sec*1000000000LLU + (unsigned long long int)now.tv_nsec;     // Time in nanoseconds
 
-    time = ((double)nowTime/1000000.0);     // Time in miliseconds
+    time = ((double)nowTime*1e-9);     // Time in seconds
 #endif
 
 #if defined(__APPLE__)
@@ -561,7 +561,7 @@ static double rgGetCurrentTime(void)
     mach_port_deallocate(mach_task_self(), cclock);
     unsigned long long int nowTime = (unsigned long long int)now.tv_sec*1000000000LLU + (unsigned long long int)now.tv_nsec;     // Time in nanoseconds
 
-    time = ((double)nowTime/1000000.0);     // Time in miliseconds
+    time = ((double)nowTime*1e-9);     // Time in seconds
 #endif
 #endif