Hi, I am wondering if it’s possible to fake mouse interaction? If I have an animated object (fake cursor) which goes over a button. Is it possible to set that button to “hover” while the fake cursor is over it and set it to “normal” once the fake cursor moves off? Would I tiger this with physics or…

Not without some effort. If you are talking true mouse events they can only be “simulated” with a subset of actions and possibilities: var event = new MouseEvent('mouseover', { 'view': window, 'bubbles': true, 'cancelable': true }); element.dispatchEvent(event); Firing them manually still i…

Thanks @MaxZieb and @h_classen I have done this (below) at the moment, adapting from another post I found on the forum, and it seems to be working quite well for now… But it may break down once I start testing more complex variations and need different buttons to be styled differently on rollover e…

No worries, there are many ways to Rome. The important thing is that you are feeling secure walking the road. Basically, this is a simple collision detection. You could fire timeline event to start an animation or revert it. You could do something similar with symbols and use symbol actions on the…

As @h_classen suggested there is a way to do this with [image] Intersection Observer API The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. …

So, basically what @MarkHunt is saying is: [image]

:rofl: :rofl: :rofl: One thing I just realised though is the OP wants to react to multiple elements intersection

:rofl: :joy: There’s a gif for everything!

Yes, ultimately I need multiple buttons, in different scenes, and not all butons will be the same. By “button” I mean various UI elements that can be interacted with, can be menu items that turn purple on hover and are underlined when selected, but don’t turn purple on hover in the selected state. T…

Well, you could use the Matter-Collision detection built into Hype.

Faking Mouse Interaction

Using JavaScript with Hype

h_classen (Hans-Gerd Claßen) May 11, 2020, 4:47pm 3

if i remember it right, the intersection-hype-behaviors for on and off will fire also without a drag in my dragNdrop-enabler. So you could probably make a setup using it ...