Is there a way/javascript code to store and repeat a position an object?

Jun 26, 2021

Hi all,

I am designing a game in which the learner needs to drag a group of objects to an area. After moving to the next level/slide I need to keep all the changes the learner made as is.

Now, two challenges are here:

First, getting the positions of the objects.

Second, moving the objects to the latest positions.

So .. any help here is highly appreciated.

Thank you ..

4 Replies

Math Notermans

almost 3 years ago06/26/21 at 5:15 pm (UTC)

Both is possible. Getting the position differs quite a bit in the Classic Player and the Modern Player.Also using either Storyline3 or Storyline360 makes a difference. But it is possible. Your best bet is SL360 because it has GSAP included, so you can get all done with that.

Ahmed Jendeya
Author

almost 3 years ago06/27/21 at 7:35 pm (UTC)

Hi Math,

Thanks for your reply.

How can I get the dynamic position of an object?

Math Notermans

almost 3 years ago06/28/21 at 4:08 am (UTC)

Best to share a sample to work from...then i can show it properly. If using SL360 you can use GSAP's get functionality.

Here some help on GSAP...
A clear explanation of the position parameter...
https://greensock.com/blog/learning/position-parameter/

And then you offcourse need to get the current dynamic position..
https://greensock.com/docs/v3/GSAP/gsap.getProperty()

So with code like this you can get the actual x and y of an element.

var myElement = document.querySelector("[data-acc-text='someAccName']");
var elXPos = gsap.getProperty(myElement, "x", "px");
var elYPos = gsap.getProperty(myElement, "y", "px");
console.log("x: "+elXPos+" | y: "+elYPos);Where 'someAccName' is the accessibility name of your element.

Kind regards,
Math

almost 3 years ago07/01/21 at 3:07 pm (UTC)

Thank you so much Math for sharing this with me ..

Best,