created virus objects using oops concept

Author: mrpkdeveloper

game.js

@@ -3,15 +3,56 @@ function intit() {
     pen = canvas.getContext('2d')
     W = canvas.width = 1000
     H = canvas.height = 500
+    cw = 70
+    //fighter
+    fighter = new Image()
+    fighter.src = "./assets/superhero.png"
+
+    //virus image
+    virus_img = new Image()
+    virus_img.src = "./assets/v1.png"
+
+    //virus class
+    class virusclass {
+        constructor(x, y, direction, speed) {
+            this.x = x
+            this.y = y
+            this.direction = direction
+            this.speed = speed
+            this.update_virus = function () {
+                if (this.y > H - cw) {
+                    this.direction = "up"
+                    this.speed *= -1
+                } else if (this.y < 0) {
+                    this.direction = "down"
+                    this.speed *= -1
+                }
+                this.y += this.speed
+            }
+
+        }
+    }
+    virus1 = new virusclass(W / 3 - 100, 0, "down", 30)
+    virus2 = new virusclass(W / 2, H - cw, "up", 30)
+    virus3 = new virusclass(W - 200, 0, "down", 30)
 }
 
 
 function draw() {
-
+    // console.log("in draw")
+    // console.log(virus.y)
+    pen.clearRect(0, 0, W, H)
+    pen.drawImage(fighter, 20, 200, cw, cw)
+    pen.drawImage(virus_img, virus1.x, virus1.y, cw, cw)
+    pen.drawImage(virus_img, virus2.x, virus2.y, cw, cw)
+    pen.drawImage(virus_img, virus3.x, virus3.y, cw, cw)
 }
 
 function update() {
-
+    // console.log("in update")
+    virus1.update_virus()
+    virus2.update_virus()
+    virus3.update_virus()
 }
 
 function gameloop() {