Hype Gestures (now based on Hype Action Events)

Originally, inspired by recent posts, I collected some of my code snippets and put them together in an extension*. It supported efforts to deploy Drag'n'Drop, intersection detection and custom Continue after Drag. This idea was then further developed into Hype Action Events, Hype Matter Helper and the distinct "gestures" now listed in this thread and following repository:

Hype Gestures on GitHub

Hype Drag Gesture

https://cdn.jsdelivr.net/gh/worldoptimizer/HypeGestures/HypeDragGesture.js
https://cdn.jsdelivr.net/gh/worldoptimizer/HypeGestures/HypeDragGesture.min.js

Hype Slide Gesture

https://cdn.jsdelivr.net/gh/worldoptimizer/HypeGestures/HypeSlideGesture.js
https://cdn.jsdelivr.net/gh/worldoptimizer/HypeGestures/HypeSlideGesture.min.js


*Here are the deprecated downloads and the file including initial code if you want to explore the old version:
HypeGesture.html, HypeGesture.js, HypeGesture.min.js and HypeGesture.hype.zip

8 Likes

extensive possibilities on first view :slight_smile:

1 Like

Just as I was revisiting this the other day, the latest example file can be found here:

The example file uses the CDN. For production, I would suggest gathering all the minified versions into a single scripts.js file that you place in your resources folder.

1 Like

Example of a very simple drag-and-drop game

CleanShot 2024-05-05 at 10.17.34

Example_Hype_Drag_Gesture_Game.hype.zip (2,9 MB)

2 Likes