From 8eb70c362948d9ee5a5622bfb5aa32f7c346ebed Mon Sep 17 00:00:00 2001
From: Jidong Xiao <xiaoj8@rpi.edu>
Date: Thu, 9 Nov 2023 17:25:31 -0500
Subject: [PATCH] adding buffer

---
 animations/trees/level_order/level_order.js | 24 +++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/animations/trees/level_order/level_order.js b/animations/trees/level_order/level_order.js
index de43949..02b387b 100644
--- a/animations/trees/level_order/level_order.js
+++ b/animations/trees/level_order/level_order.js
@@ -211,6 +211,30 @@ var messageText = new Konva.Text({
   fill: 'black'
 });
 
+function makeBuffer(xstart,ystart,bufferSize,w,h) {
+    for(let i=0;i<bufferSize;i++){
+        let tr = new Konva.Rect({
+            x: xstart+i*w,
+            y: ystart,
+            id:"buf_"+i,
+            stroke: '#343434',
+            strokeWidth: 5,
+            fill: '#ddd',
+            width: w,
+            height: h,
+            shadowColor: 'black',
+            shadowBlur: 10,
+            shadowOffsetX: 10,
+            shadowOffsetY: 10,
+            shadowOpacity: 0.2,
+        });
+        layer.add(tr);
+    }
+}
+
+/* this array displays the input string */
+makeBuffer(100,240,9,50,50); // a buffer whose size is 9, the array has 8 elements, and we need a space for '\0'.
+
 drawNode(650, 100, '5');
 layer.add(line1);
 layer.add(line2);