Addin up some more files

Author: Your Name

.vscode/c_cpp_properties.json

@@ -0,0 +1,18 @@
+{
+  "configurations": [
+    {
+      "name": "windows-gcc-x64",
+      "includePath": [
+        "${workspaceFolder}/**"
+      ],
+      "compilerPath": "gcc",
+      "cStandard": "${default}",
+      "cppStandard": "${default}",
+      "intelliSenseMode": "windows-gcc-x64",
+      "compilerArgs": [
+        ""
+      ]
+    }
+  ],
+  "version": 4
+}

.vscode/launch.json

@@ -0,0 +1,24 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "C/C++ Runner: Debug Session",
+      "type": "cppdbg",
+      "request": "launch",
+      "args": [],
+      "stopAtEntry": false,
+      "externalConsole": true,
+      "cwd": "d:/Web DEV/Projects",
+      "program": "d:/Web DEV/Projects/build/Debug/outDebug",
+      "MIMode": "gdb",
+      "miDebuggerPath": "gdb",
+      "setupCommands": [
+        {
+          "description": "Enable pretty-printing for gdb",
+          "text": "-enable-pretty-printing",
+          "ignoreFailures": true
+        }
+      ]
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,59 @@
+{
+  "C_Cpp_Runner.cCompilerPath": "gcc",
+  "C_Cpp_Runner.cppCompilerPath": "g++",
+  "C_Cpp_Runner.debuggerPath": "gdb",
+  "C_Cpp_Runner.cStandard": "",
+  "C_Cpp_Runner.cppStandard": "",
+  "C_Cpp_Runner.msvcBatchPath": "C:/Program Files/Microsoft Visual Studio/2022/Community/VC/Auxiliary/Build/vcvarsall.bat",
+  "C_Cpp_Runner.useMsvc": false,
+  "C_Cpp_Runner.warnings": [
+    "-Wall",
+    "-Wextra",
+    "-Wpedantic",
+    "-Wshadow",
+    "-Wformat=2",
+    "-Wcast-align",
+    "-Wconversion",
+    "-Wsign-conversion",
+    "-Wnull-dereference"
+  ],
+  "C_Cpp_Runner.msvcWarnings": [
+    "/W4",
+    "/permissive-",
+    "/w14242",
+    "/w14287",
+    "/w14296",
+    "/w14311",
+    "/w14826",
+    "/w44062",
+    "/w44242",
+    "/w14905",
+    "/w14906",
+    "/w14263",
+    "/w44265",
+    "/w14928"
+  ],
+  "C_Cpp_Runner.enableWarnings": true,
+  "C_Cpp_Runner.warningsAsError": false,
+  "C_Cpp_Runner.compilerArgs": [],
+  "C_Cpp_Runner.linkerArgs": [],
+  "C_Cpp_Runner.includePaths": [],
+  "C_Cpp_Runner.includeSearch": [
+    "*",
+    "**/*"
+  ],
+  "C_Cpp_Runner.excludeSearch": [
+    "**/build",
+    "**/build/**",
+    "**/.*",
+    "**/.*/**",
+    "**/.vscode",
+    "**/.vscode/**"
+  ],
+  "C_Cpp_Runner.useAddressSanitizer": false,
+  "C_Cpp_Runner.useUndefinedSanitizer": false,
+  "C_Cpp_Runner.useLeakSanitizer": false,
+  "C_Cpp_Runner.showCompilationTime": false,
+  "C_Cpp_Runner.useLinkTimeOptimization": false,
+  "C_Cpp_Runner.msvcSecureNoWarnings": false
+}

Canvas/app.js

@@ -1,134 +1,134 @@
-
-// //rectangles
-// c.fillRect(100, 100, 100, 100);
-// c.fillRect(400, 100, 100,100);
-// c.fillRect(300, 300, 100, 100);
-
-// //line
-// c.beginPath();
-// c.moveTo(350, 100);
-// c.lineTo(400, 500);
-// c.strokeStyle = '#FCFF00';
-// c.stroke();
-
-// //Arc / Circle
-
-// for (let i = 0; i < 150; i++) {
-//     var x = Math.random() * window.innerWidth;
-//     var y = Math.random() * window.innerHeight;
-
-//     c.beginPath();
-//     c.arc(x, y, 20, 0, Math.PI * 2, false);
-//     let colorNo = Math.floor(Math.random() * 10 + 1);
-//     let color = colorNo === 1 ? "Red" : colorNo === 2 ? "Purple" : colorNo === 3 ? "Yellow" : colorNo === 4 ? "maroon" : colorNo ===5 ? "Palegreen": colorNo ===6 ? "Orange" : colorNo === 7 ? "Green" :colorNo=== 8? "crimson" : colorNo === 9 ? "lime" : "tan";
-//     c.strokeStyle = color ;
-//     c.stroke();
-
-// }
-var canvas = document.querySelector("canvas");
-
-canvas.width = window.innerWidth;
-
-canvas.height = window.innerHeight;
-
-var c = canvas.getContext("2d");
-
-var mouse = {
-  x: undefined,
-  y: undefined
-}
-window.addEventListener('mousemove', function (event) {
-  mouse.x = event.x;
-  mouse.y = event.y; 
-  
-}) 
-
-window.addEventListener('resize', function () {
-  canvas.width = window.innerWidth;
-  canvas.height = window.innerHeight;
-  init();
-})
-
-
-var colorArray = [
-  '#413e4a',
-  '#73626e',
-  '#b38184',
-  '#f0b49e',
-  '#f7e4be',
-  '#005f6b',
-  '#343838',
-  '#00b4cc'
-];
-
-class Circle {
-  constructor(x, y, dx, dy, radius) {
-    this.x = x;
-    this.y = y;
-    this.dx = dx;
-    this.dy = dy;
-    this.radius = radius;
-    this.minRadius = radius;
-    this.maxRadius =(Math.random() * 25) + 7;
-    this.color = colorArray[Math.floor(Math.random() * colorArray.length)];
-
-    this.draw = function () {
-      c.beginPath();
-      c.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
-      c.fillStyle = this.color;
-      c.fill();
-      c.closePath();
-    };
-
-    this.update = function () {
-      
-      if (this.x + this.radius > innerWidth || this.x - this.radius < 0) {
-        this.dx = -this.dx;
-      }
-      if (this.y + this.radius > innerHeight || this.y - this.radius < 0) {
-        this.dy = -this.dy;
-      }
-
-      this.x += this.dx;
-      this.y += this.dy;
-
-      if (mouse.x - this.x < 50 && mouse.x - this.x > -50 && mouse.y - this.y < 50 && mouse.y - this.y > -50) {
-        if (this.radius < this.maxRadius) {
-        this.radius += 1;
-      }
-      }
-      
-      else if (this.radius > this.minRadius) {
-        this.radius -= 1;
-      }
-      this.draw();
-    };
-  }
-}
-var circleArray = [];
-
-
-function init() {
-  circleArray = [];
-    for (let i = 0; i < 20; i++) {
-      var x = Math.random() * (innerWidth - radius * 2) + radius;
-  var y = Math.random() *(innerHeight - radius * 2) + radius;
-  var dx = (Math.random() - 0.5) * 4;
-  var dy = (Math.random() - 0.5) * 4;
-  var radius = Math.random() * 2 + 3;
-   circleArray.push(new Circle(x ,y , dx ,dy,radius ));
-  }
-    
-}
-
-function animate() {
-  requestAnimationFrame(animate);
-  c.clearRect(0, 0, innerWidth, innerHeight);
-    for (let i = 0; i < circleArray.length; i++) {
-        circleArray[i].update(); 
-        
-    }
-  
-}
-init();
-animate();
+
+// //rectangles
+// c.fillRect(100, 100, 100, 100);
+// c.fillRect(400, 100, 100,100);
+// c.fillRect(300, 300, 100, 100);
+
+// //line
+// c.beginPath();
+// c.moveTo(350, 100);
+// c.lineTo(400, 500);
+// c.strokeStyle = '#FCFF00';
+// c.stroke();
+
+// //Arc / Circle
+
+// for (let i = 0; i < 150; i++) {
+//     var x = Math.random() * window.innerWidth;
+//     var y = Math.random() * window.innerHeight;
+
+//     c.beginPath();
+//     c.arc(x, y, 20, 0, Math.PI * 2, false);
+//     let colorNo = Math.floor(Math.random() * 10 + 1);
+//     let color = colorNo === 1 ? "Red" : colorNo === 2 ? "Purple" : colorNo === 3 ? "Yellow" : colorNo === 4 ? "maroon" : colorNo ===5 ? "Palegreen": colorNo ===6 ? "Orange" : colorNo === 7 ? "Green" :colorNo=== 8? "crimson" : colorNo === 9 ? "lime" : "tan";
+//     c.strokeStyle = color ;
+//     c.stroke();
+
+// }
+var canvas = document.querySelector("canvas");
+
+canvas.width = window.innerWidth;
+
+canvas.height = window.innerHeight;
+
+var c = canvas.getContext("2d");
+
+var mouse = {
+  x: undefined,
+  y: undefined
+}
+window.addEventListener('mousemove', function (event) {
+  mouse.x = event.x;
+  mouse.y = event.y; 
+  
+}) 
+
+window.addEventListener('resize', function () {
+  canvas.width = window.innerWidth;
+  canvas.height = window.innerHeight;
+  init();
+})
+
+
+var colorArray = [
+  '#413e4a',
+  '#73626e',
+  '#b38184',
+  '#f0b49e',
+  '#f7e4be',
+  '#005f6b',
+  '#343838',
+  '#00b4cc'
+];
+
+class Circle {
+  constructor(x, y, dx, dy, radius) {
+    this.x = x;
+    this.y = y;
+    this.dx = dx;
+    this.dy = dy;
+    this.radius = radius;
+    this.minRadius = radius;
+    this.maxRadius =(Math.random() * 25) + 7;
+    this.color = colorArray[Math.floor(Math.random() * colorArray.length)];
+
+    this.draw = function () {
+      c.beginPath();
+      c.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
+      c.fillStyle = this.color;
+      c.fill();
+      c.closePath();
+    };
+
+    this.update = function () {
+      
+      if (this.x + this.radius > innerWidth || this.x - this.radius < 0) {
+        this.dx = -this.dx;
+      }
+      if (this.y + this.radius > innerHeight || this.y - this.radius < 0) {
+        this.dy = -this.dy;
+      }
+
+      this.x += this.dx;
+      this.y += this.dy;
+
+      if (mouse.x - this.x < 50 && mouse.x - this.x > -50 && mouse.y - this.y < 50 && mouse.y - this.y > -50) {
+        if (this.radius < this.maxRadius) {
+        this.radius += 1;
+      }
+      }
+      
+      else if (this.radius > this.minRadius) {
+        this.radius -= 1;
+      }
+      this.draw();
+    };
+  }
+}
+var circleArray = [];
+
+
+function init() {
+  circleArray = [];
+    for (let i = 0; i < 20; i++) {
+      var x = Math.random() * (innerWidth - radius * 2) + radius;
+  var y = Math.random() *(innerHeight - radius * 2) + radius;
+  var dx = (Math.random() - 0.5) * 4;
+  var dy = (Math.random() - 0.5) * 4;
+  var radius = Math.random() * 2 + 3;
+   circleArray.push(new Circle(x ,y , dx ,dy,radius ));
+  }
+    
+}
+
+function animate() {
+  requestAnimationFrame(animate);
+  c.clearRect(0, 0, innerWidth, innerHeight);
+    for (let i = 0; i < circleArray.length; i++) {
+        circleArray[i].update(); 
+        
+    }
+  
+}
+init();
+animate();

Canvas/canvas.js

@@ -1,5 +1,5 @@
-const canvas = document.querySelector('canvas');
-const c = canvas.getContext('2d');
-
-
-
+const canvas = document.querySelector('canvas');
+const c = canvas.getContext('2d');
+
+
+