title: Generating a path between two sets of pixel coordinates (x, y)
body: <p>I have two sets of xy coordinates, start and end. The start is where I'd like to move from, and the end is the destination.</p>
  
  <p>The goal is to produce an array of xy objects between the two coordinates that can be iterated over to produce a smooth, non-jumpy path to the destination, as shown below.</p>
  
  <p><a href="https://i.stack.imgur.com/RGk8I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RGk8I.png" alt="enter image description here"></a></p>
  
  <p>I've done reading around Bezier curves, but I'm struggling to visualise the implementation and wanted to know if there's an easier way to solve the above?</p>