From d673d78d5ce8da1f8ce8c83eaf7fde455e0948fc Mon Sep 17 00:00:00 2001
From: Karan <50290386+Sonawane-Karan26@users.noreply.github.com>
Date: Wed, 24 Nov 2021 21:40:52 +0530
Subject: [PATCH] Project 1

---
 Chapter 14/Project 1 | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 Chapter 14/Project 1
diff --git a/Chapter 14/Project 1 b/Chapter 14/Project 1
new file mode 100644
index 0000000..fd60d88
--- /dev/null
+++ b/Chapter 14/Project 1	
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+<head>
+    <title>Canvas HTML5</title>
+</head>
+<body>
+    <div class="output"></div>
+    <script>
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        canvas.setAttribute("width", "500");
+        canvas.setAttribute("height", "300");
+        document.body.prepend(canvas);
+        const colVal = [];
+        for(let x=0;x<50;x++){
+            colVal.push(0);
+        }
+        function matrix() {
+            ctx.fillStyle = "rgba(0,0,0,.05)";
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            ctx.fillStyle = "green";
+            colVal.map((posY, index) => {
+                let output = Math.random()<0.5?0:1;
+                let posX = (index * 10) + 10;
+                ctx.fillText(output, posX, posY);
+                if (posY > 100 + Math.random() * 300) {
+                    colVal[index] = 0;
+
+                } else {
+                    colVal[index] = posY + 10;
+                }
+            })
+        }
+        setInterval(matrix, 50);
+    </script>
+</body>
+</html>
