Question about moving objects based on mouse position

[jonathan (Jonathan Deutsch)]

There's an answer that takes the mouse position and converts it to a position on a timeline:

Parallax scroll using stop motion animation on mouse (moveonMove=function(posX, posY)

What you would do is setup an onmousemove handler in the On Scene Load for the hit element. The code would look like: // setup variables var hitAreaName = "Hit_Area_btn"; var timelineName = "global_animation_timeline"; // add handler for mouse move var element = hypeDocument.getElementById(hitAreaName); element.onmousemove = (function (event) { // determine how far we are in the hit area box var rect = element.getBoundingClientRect(); var percentage = ((event.clientX - rect.left)…

A more sophisticated solution would use two timelines: one for the X movement and one for the Y movement.