Tower of Hanoi in P5.js + WASM - Dev.to

08.05.23-1.js

if (isMovingHorizontallly) {
  if (animation.currentMove.start < animation.currentMove.end) {
    refreshCanvas(p5);
    drawDiskByCoordinates(
      p5,
      animation.currentDisk,
      animation.currentMove.start,
      draw.topMargin,
    );

    animation.currentMove.start += game.speed;

    if (animation.currentMove.start >= animation.currentMove.end) {
      animation.currentMove.start = animation.currentMove.end;
      animation.currentMove.down = draw.topMargin;
    }
  }
  
  if (animation.currentMove.start > animation.currentMove.end) {
    refreshCanvas(p5);
    drawDiskByCoordinates(
      p5,
      animation.currentDisk,
      animation.currentMove.start,
      draw.topMargin,
    );

    animation.currentMove.start -= game.speed;

    if (animation.currentMove.start <= animation.currentMove.end) {
      animation.currentMove.start = animation.currentMove.end;
      animation.currentMove.down = draw.topMargin;
    }
  }
}