Automatic update of the reference pages [skip ci]

Author: GDevelop documentation CI

docs/gdevelop5/extensions/.pages

@@ -28,12 +28,12 @@ nav:
         - Camera shake: camera-shake
         - Camera Zoom: camera-zoom
         - Copy camera settings: copy-camera-settings
-        - Drag camera with the mouse (or touchscreen): drag-camera-with-pointer
         - Edge scroll camera: edge-scroll-camera
         - First person 3D camera: first-person-camera
         - Follow multiple 2D objects with the camera: follow-objects-with-camera
         - Parallax for Tiled Sprite: parallax
         - Room-based camera movement: room-based-camera-movement
+        - Scrollable viewport: scrollable-viewport
         - Smooth Camera: smooth-camera
         - Third person camera: third-person-camera
     - Game mechanic:
@@ -174,6 +174,7 @@ nav:
             - Sound volume based on distance: sound-volume-based-on-distance
         - Camera:
             - 3D camera shake: camera-shake3d
+            - Drag camera with the mouse (or touchscreen): drag-camera-with-pointer
         - Device:
             - GPS: geolocation
             - Voice Recognition API: voice-recognition

docs/gdevelop5/extensions/drag-camera-with-pointer/index.md

@@ -1,14 +1,21 @@
 # Drag camera with the mouse (or touchscreen)
 
 <img src="https://resources.gdevelop-app.com/assets/Icons/drag-variant.svg" class="extension-icon"></img>
-Pan/drag camera with mouse or touch. Configurable inertia and bounds.
+Pan/drag camera with mouse or touch.
 
 **Authors and contributors** to this experimental extension: [ddabrahim](https://gd.games/ddabrahim), [VictrisGames](https://gd.games/VictrisGames).
 
+!!! warning
+    This is an extension made by a community member and it only got through a
+    light review by the GDevelop extension team. As such, we can't guarantee it
+    meets all the quality standards of fully reviewed extensions.
+
 ---
 
 Move a camera by dragging the mouse (or touchscreen). 
 
+This extension is deprecated. The [scrollable viewport extension](https://wiki.gdevelop.io/gdevelop5/extensions/scrollable-viewport) should be used instead.
+
 How to use:
 
 - Run this action on every frame that you want the camera to be movable by the mouse (or touchscreen)

docs/gdevelop5/extensions/index.md

@@ -59,12 +59,12 @@ Read more about this:
 |<img src="https://resources.gdevelop-app.com/assets/Icons/vector-difference-ab.svg" class="extension-icon"></img>|**Camera shake**|Shake layer cameras.|[Read more...](/gdevelop5/extensions/camera-shake)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/Line Hero Pack/Master/SVG/UI Essentials/UI Essentials_zoom_in_plus.svg" class="extension-icon"></img>|**Camera Zoom**|Zoom camera smoothly with optional anchor point.|[Read more...](/gdevelop5/extensions/camera-zoom)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/layers-triple-outline.svg" class="extension-icon"></img>|**Copy camera settings**|Copy camera position, zoom, and rotation from one layer to another.|[Read more...](/gdevelop5/extensions/copy-camera-settings)|
-|<img src="https://resources.gdevelop-app.com/assets/Icons/drag-variant.svg" class="extension-icon"></img>|**Drag camera with the mouse (or touchscreen)**|Pan/drag camera with mouse or touch. Configurable inertia and bounds.|[Read more...](/gdevelop5/extensions/drag-camera-with-pointer)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/camera-metering-matrix.svg" class="extension-icon"></img>|**Edge scroll camera**|Scroll camera when cursor is near screen edges.|[Read more...](/gdevelop5/extensions/edge-scroll-camera)|
 |<img src="https://asset-resources.gdevelop.io/public-resources/Icons/Line Hero Pack/Master/SVG/Security and Protection/e8248ffd504c314e6a9d9d560c3a0fdad3398a5f125ae6a4c0654d4e68c86376_Security and Protection_security_protection_eye_scan_lock.svg" class="extension-icon"></img>|**First person 3D camera**|Move the camera to look though objects eyes.|[Read more...](/gdevelop5/extensions/first-person-camera)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/camera-switch-outline.svg" class="extension-icon"></img>|**Follow multiple 2D objects with the camera**|Auto-zoom and position camera to keep all instances of an object visible.|[Read more...](/gdevelop5/extensions/follow-objects-with-camera)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/image-move.svg" class="extension-icon"></img>|**Parallax for Tiled Sprite**|Parallax scrolling for Tiled Sprite backgrounds.|[Read more...](/gdevelop5/extensions/parallax)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/Glyphster Pack/Master/SVG/Applications and Programming/Applications and Programming_app_apps_applications_tiles.svg" class="extension-icon"></img>|**Room-based camera movement**|Move/zoom camera to frame the room object containing the player.|[Read more...](https://victrisgames.itch.io/room-based-camera-movement) ([reference](/gdevelop5/extensions/room-based-camera-movement))|
+|<img src="https://resources.gdevelop-app.com/assets/Icons/drag-variant.svg" class="extension-icon"></img>|**Scrollable viewport**|Move a camera by dragging or with the scroll wheel.|[Read more...](/gdevelop5/extensions/scrollable-viewport)|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/Line Hero Pack/Master/SVG/Computers and Hardware/Computers and Hardware_camcoder_gopro_go_pro_camera.svg" class="extension-icon"></img>|**Smooth Camera**|Smoothly scroll to follow an object.|[Read more...](/gdevelop5/tutorials/follow-player-with-camera/) ([reference](/gdevelop5/extensions/smooth-camera))|
 |<img src="https://asset-resources.gdevelop.io/public-resources/Icons/Line Hero Pack/Master/SVG/Virtual Reality/94e95d2c318e1f3dc7151a351024e13c574e1e44669c6696aa107d60230073f6_Virtual Reality_3d_vision_eye_vr.svg" class="extension-icon"></img>|**Third person camera**|Third-person camera orbiting an object at configurable distance, elevation, and rotation.|[Read more...](/gdevelop5/extensions/third-person-camera)|
 
@@ -254,6 +254,7 @@ guarantee they meet all the quality standards of fully reviewed extensions.
 ||Name|Description||
 |---|---|---|---|
 |<img src="https://resources.gdevelop-app.com/assets/Icons/vector-difference-ab.svg" class="extension-icon"></img>|**3D camera shake**|Shake 3D layer cameras.|[Read more...](/gdevelop5/extensions/camera-shake3d)|
+|<img src="https://resources.gdevelop-app.com/assets/Icons/drag-variant.svg" class="extension-icon"></img>|**Drag camera with the mouse (or touchscreen)**|Pan/drag camera with mouse or touch.|[Read more...](/gdevelop5/extensions/drag-camera-with-pointer)|
 
 ### Device
 

docs/gdevelop5/extensions/scrollable-viewport/index.md

@@ -0,0 +1,64 @@
+# Scrollable viewport
+
+<img src="https://resources.gdevelop-app.com/assets/Icons/drag-variant.svg" class="extension-icon"></img>
+Move a camera by dragging or with the scroll wheel.
+
+**Authors and contributors** to this experimental extension: [D8H](https://gd.games/D8H), [ddabrahim](https://gd.games/ddabrahim), [VictrisGames](https://gd.games/VictrisGames).
+
+---
+
+Move a camera by dragging or with the scroll wheel.
+
+It can be used for
+
+- Making a scroll view ([open the project online](https://editor.gdevelop.io/?project=example://scrollbar))
+- Dragging the camera on a top-down game
+
+!!! tip
+    Learn [how to install new extensions](/gdevelop5/extensions/search) by following a step-by-step guide.
+
+
+
+## Scrollable viewport 
+
+Move a camera by dragging or with the scroll wheel. 
+
+### Behavior properties
+
+- **Direction** (Choice, one of: "Vertical", "Horizontal", "Both").
+- **InertiaDeceleration** (🔢 Number, Acceleration). Default value is `800`.
+- **Dragged layer** (🔤 String). The dragged layer must be different from this object layer.
+- **Wheel scrolling duration** (🔢 Number, Duration). Default value is `0.25`.
+- **Step size** (🔢 Number, Distance). Default value is `120`.
+
+??? quote "See internal technical details"
+
+
+    - **Direction** is stored as `Direction` (Choice). Default value is ``.
+    - **InertiaDeceleration** is stored as `InertiaDeceleration` (Number). Unit is PixelAcceleration. Default value is `800`.
+    - **Dragged layer** is stored as `Layer` (String). Default value is ``.
+    - **Wheel scrolling duration** is stored as `WheelScrollingDuration` (Number). Unit is Second. Default value is `0.25`.
+    - **Step size** is stored as `WheelStepSize` (Number). Unit is Pixel. Default value is `120`.
+
+### Behavior conditions
+
+**Camera is being dragged**  
+Check if camera is being dragged from this object.
+
+??? quote "See parameters & details"
+
+    - Parameter 0: 👾 Object
+    - Parameter 1: 🧩 Behavior
+
+    > Technical note: parameter 2 is an internal parameter handled by GDevelop.
+
+    > Technical note: this condition internal type (in GDevelop JSON) is `ScrollableViewport::ScrollableViewport::IsDragged`.
+
+
+_No expressions for this behavior._
+
+
+
+---
+
+*This page is an auto-generated reference page about the **Scrollable viewport** extension for [GDevelop, the open-source, AI-powered, cross-platform game engine designed for everyone](https://gdevelop.io/).* Learn more about [all GDevelop extensions here](/gdevelop5/extensions).