How to get position/index of LineString while animating a sprite on it? about ol-games HOT 2 CLOSED

You can listen to changes on the sprite geometry to know its position:

plane.getGeometry().on('change', function (e) {
  var pos = e.target.getCoordinates();
  // Do something with that position
  ...
});

If you're looking for the position on the path for the sprite:

• plane.path is the path it is moving along
• plane.destination is the index of the point on the path the plane is going to

You can listen to change:direction events to know when the sprite is moving along a new segment on the path:

plane.on('change:direction', function(e) {
  console.log('plane is on the '+e.target.destination+' segment');
  console.log('plane is going to '+e.target.path[plane.destination]);
});

I could have make it more clear and return the destination in the change:direction event.

from ol-games.

Thank you @Viglino . You're awesome! I was scared if i call something getClosest method for this, view.setcenter maybe gets lag/delay. But there's already a destination counter for linestring path.

Hope you help me about styling CanvasTitle. I still couldn't handle it. I want to add a logo/image and long text maybe 2-3 lines near on it. But i am still stuck there.
https://github.com/Viglino/ol-ext/issues/320#issuecomment-515687418

from ol-games.