Exact drag for circular timeline

just needed this … i thought this might be helpful for someone else too :slight_smile:
circleDrag.hype.zip (14.8 KB)

have a best week :slight_smile: … rain in western germany :frowning:

7 Likes

Very nice.

1 Like

Ditto! Very cool - Thank You @h_classen

It actually works with continueAfterDrag. Nice! Although the timeline index doesn’t need a “border-bounce” when it overshoots in a circle. Shifting the bounds back into the duration would be much nice in that case. I’ll tweak continueAfterDrag soon.

hypeDocument.continueAfterDrag (event['hypeGesturePhase'],{timelineName: 'circle'});

produces

1 Like

With continueAfterDrag version 1.2 there is a new borderMode called shift. It works really great with your circular drag! I used it as follows:
hypeDocument.continueAfterDrag (event['hypeGesturePhase'],{timelineName: 'circle', maxVelocity: 0.2, borderMode:'shift',});

2 Likes

Great :smile: can’ t Test it this Week as i’m on the road … But one could even built a simple game around this :smile:

1 Like

Such as a roulette wheel - with a slightly counter-rotating numbered wheel (with alternating colors :red_square: :green_square: under the numbers) compared to the direction of the “ball” drag to keep things interesting… bet the exact number, even ~ odd, or the color.

2 Likes

Hei Hans-Gerd, this is great! But how can I get it working correctly while having variable stage sizes (keyword scaleWrapper…)

hm … please try:circleDrag_responsive.hype.zip (16.3 KB)

1 Like

Thanks Hans-Gerd, will check it later, since I´m very busy at the moment…

1 Like