Update README.md

64json · web-flow · commit 12fa82789930 · 2019-06-30T23:21:26.000+09:00
diff --git a/README.md b/README.md
@@ -47,13 +47,49 @@ You can use it on [algorithm-visualizer.org](https://algorithm-visualizer.org/)
 ## Usage
 
 ```java
+// import visualization libraries {
 import org.algorithm_visualizer.*;
+// }
 
 class Main {
-    public static void main(String[] args) {
-        LogTracer logTracer = new LogTracer("Scratch Paper");
+    // define tracer variables {
+    Array2DTracer array2dTracer = new Array2DTracer("Grid");
+    LogTracer logTracer = new LogTracer("Console");
+    // }
+
+    // define input variables
+    String[] messages = {
+            "Visualize",
+            "your",
+            "own",
+            "code",
+            "here!",
+    };
+
+    // highlight each line of messages recursively
+    void highlight(int line) {
+        if (line >= messages.length) return;
+        String message = messages[line];
+        // visualize {
+        logTracer.println(message);
+        array2dTracer.selectRow(line, 0, message.length() - 1);
+        Tracer.delay();
+        array2dTracer.deselectRow(line, 0, message.length() - 1);
+        // }
+        highlight(line + 1);
+    }
 
-        logTracer.print("Visualize your own algorithm here!");
+    Main() {
+        // visualize {
+        Layout.setRoot(new VerticalLayout(new Commander[]{array2dTracer, logTracer}));
+        array2dTracer.set(messages);
+        Tracer.delay();
+        // }
+        highlight(0);
+    }
+
+    public static void main(String[] args) {
+        new Main();
     }
 }
 ```
