Hi, I'd like a user to be able to drag an arrow within a scene between objects that are varying distances apart. I'd like to be able to place the base of the arrow over an object and then reposition the head of the arrow over another object, and for the length to change without the arrow head chang…

If you select the element and hold down the command-key, you will be able to see the transform origin. (Right now it is a little harder to see because of your guides and that it overlaps with the selection points though). But you'll see it is in the wrong corner. You'll want to put it at the base…

I see how you're trying to address this, but I don't think there's really a good way to do this without a non-trivial amount of code :confused:. There's probably a few hacks you could do that simplify it using Hype's UI... for example you could have two elements that are the start and end elements …

[image] Re-use functions @ouch_stop … snip … My take on Hans' above suggestions... dots_JHSv1.hype.zip (13.1 KB) Called by "On Scene Load" [connectDotsSetup] "On Drag" Action for an element [connectDotsGlobal] [ConnectDotsAction] you'll find some other…

Thank you all for your replies - I will have a look through and see if I can work it out. For context, what I want to use it for is to simulate a whiteboard for a basketball play, moving players from place to place and use arrows to indicate their movements, and the movement of the ball. I had hoped…

I've attached a sort of compromise which may work in my case. I'm hoping for some help to keep the arrow pivoting on the tail end during rotation - I have tried variations of transform origin but have not found a way of controlling it. Thanks again. draggableArrow_ver2.zip (23.7 KB)

Thanks so much for that Jonathan. I hadn't done those calculations and just got "close enough" - much appreciated. Also didn't realise I could locate the pivot point so easily. I will redo the timelines as well. Cheers, Murray

Hype
Whisk
Reflect
Store
Support
Forums
Blog
About Us

Tumult Forums

Stretch arrow/shape by dragging in browser

MaxZieb (Loves Hype) July 12, 2022, 7:44pm 4

Connect elements with Bézier curve (line)…

[CleanShot 2022-06-04 at 16.40.31] connectWithLine.hype.zip (22,9 KB) Using Hype Action Event for the update on each frame… but that could also be done with an interval or any other timer. This was a request on a job the other day. I couldn't fulfill it out of a time constraint, but thought I would build this for future use and for the benefit of the community. Have fun° [CleanShot 2022-06-04 at 17.23.00]

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled

Products

Hype 4
Hype Pro
Whisk
Reflect

Company

About Us
Press
Privacy Policy

Social

Blog
@hypeapp
@TumultWhisk
Facebook
Instagram

Hype Support

Support Portal
Downloads
FAQ
Tutorials
Documentation
Forums

Whisk Support

Support Portal
Downloads
FAQ
Documentation
Forums

Store

Tumult Store
Education Store