Boundary without Draggable?

[JeffK]

if i wanted to move a sprite around a page but be restricted by boundaries is there a way to do it like you can with the draggable object. for example if you want to move the sprite around a simple maze - see codepen

See the Pen QWgBrqN by jkeys (@jkeys) on CodePen

[elegantseagulls]

You'll have to create some logic that looks at current x and y positions and limits the next next move if the += goes over that. Something like:

 if (currentXPosition + xMov > xBoundry) { 
   xMov = `+=${xBoundry - currentXPosition}` 
 } else { 
   xMove = `+=${moveUnit}` 
 }

or better yet, you could use the gsap clamp utility to keep your position within certain bounds: https://greensock.com/docs/v3/GSAP/UtilityMethods/clamp()  gsap.to(el, { x: gsap.utils.clamp(0, 900, currentPosition + moveUnit) })

[JeffK]

Cool thanks.  I didn’t know about clamp!