node animation

Author: vstamate

README.md

@@ -1,6 +1,6 @@
 # Pathfinding Algorithms Visualized
 
-<img width="600" src="https://i.postimg.cc/T3Mrkg6N/Capture.png">
+<img width="600" src="https://i.postimg.cc/bw5h98Wq/Capture.png">
 
 ## About  
 
@@ -12,6 +12,7 @@ Features :
 * live searching
 * draw/remove walls after the search ends
 * move end point and see instantly the path
+* a nice animation
 
 Pathfinding algorithms used :
 

Sketch/AStar.pde

@@ -24,13 +24,13 @@ class AStar extends Pathfinding{
         try{while(searchPaused){ Thread.sleep(100); }}
         catch(Exception e){}
 
-        try{ Thread.sleep(5); }
+        try{ Thread.sleep(Pathfinding.DELAY); }
         catch(Exception e){}
       }
 
       if(temp == endNode){
         searchStarted = false;
-        println("Found");
+        //println("Found");
         super.getPath();
         return;
       }

Sketch/Dijkstra.pde

@@ -24,7 +24,7 @@ class Dijkstra extends Pathfinding{
         try{while(searchPaused){ Thread.sleep(100); }}
         catch(Exception e){}
 
-        try{ Thread.sleep(5); }
+        try{ Thread.sleep(Pathfinding.DELAY); }
         catch(Exception e){}
       }
 
@@ -35,7 +35,7 @@ class Dijkstra extends Pathfinding{
 
       if(temp == endNode){
         searchStarted = false;
-        println("Found");
+        // println("Found");
         super.getPath();
         return;
       }

Sketch/Node.pde

@@ -1,5 +1,5 @@
 public class Node{
-  public int i, j, radius;
+  public int i, j;
   private color nodeColor;
   public boolean isBlocked;
 
@@ -8,6 +8,9 @@ public class Node{
   public boolean vizited = false;
   public Node parent = null;
 
+  // ANIMATION
+  public int nodeSize = scale - 2, radius = 9;
+
   // NDOE CONSTRUCTOR
   Node(int i, int j){
     this.i = i;
@@ -19,10 +22,14 @@ public class Node{
 
   // DRAW FUNCTION WHICH IS CALLED AUTOMATICALLY
   void draw(){
-    if(radius > 0){
+    if(radius > 0 && nodeSize == scale - 2){
       radius--;
     }
 
+    if(this.nodeSize < scale - 2){
+      this.nodeSize++;
+    }
+
     if( isOverNode() ){
       if(MousePress && !isBlocked && !searchStarted){
         if(endNodeMove){
@@ -52,9 +59,10 @@ public class Node{
         // IF THE SELECTED CELL IS NOT START OR END NODE THEN
         // MAKE IT BLOCKED
         else if (this != startNode && this != endNode){
-          this.resetNode();
+          resetNode();
           nodeColor = color(25);
           isBlocked = true;
+          animate();
         }
         // ELSE WE KNOW THAT THE SELECTED NODE IS START OR END NODE
         // AND WE MOVE IT
@@ -72,12 +80,15 @@ public class Node{
     // DRAWING A NODE
     noStroke();
     fill(nodeColor);
-    rect(j * scale + 2, i * scale + 2, scale - 2, scale - 2, radius);
+    rect(j * scale + scale / 2, i * scale + scale / 2, this.nodeSize, this.nodeSize, this.radius);
   }
 
   // CHANGE THE CELL COLOR WHEN NEEDED
   public void nodeColor(color col){
     nodeColor = col;
+    if(explicitMode && this != startNode && this != endNode){
+      animate();
+    }
   }
 
   public void resetNode(){
@@ -97,6 +108,11 @@ public class Node{
     parent = null;
   }
 
+  private void animate(){
+    nodeSize = 2;
+    radius = 9;
+  }
+
   // IF THE MOUSE IS CLICKED AND OVER THE CELL RETURN TRUE
   private boolean isOverNode() {
     int offsetX = mouseX - this.j * scale;

Sketch/Pathfinding.pde

@@ -1,7 +1,8 @@
-class Pathfinding implements Runnable{
+public class Pathfinding implements Runnable{
   private List<List<Node>> matrix;
   private PriorityQueue<Node> priorityQueue;
   private Thread t;
+  public static final int DELAY = 10;
 
   Pathfinding(List<List<Node>> arr){
     this.matrix = arr;
@@ -86,6 +87,8 @@ class Pathfinding implements Runnable{
     this.t = null;
     Node temp = endNode;
     while(temp != null && temp != startNode){
+        try{if(explicitMode){ Thread.sleep(20); }}
+        catch(Exception e){}
         temp.nodeColor(pathColor);
         temp = temp.parent;
     }

Sketch/Sketch.pde

@@ -22,6 +22,7 @@ void setup(){
   frameRate(60);
   background(255);
 
+  rectMode(CENTER);
   initialize();
 }
 // DRAW()
@@ -92,7 +93,7 @@ void initialize(){
 void drawDownNav(){
   noStroke();
   fill(color(15));
-  rect(0, height - 40, width, 40 );
+  rect(width / 2, height - 20, width, 40 );
 }