Now the car move forward and reverse in acceleration speed but no bou…

…ndry for the edges
THEKINGSTAR · Dec 8, 2023 · d3a5c9c · d3a5c9c
1 parent 342835e
commit d3a5c9c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/main_project/car.js b/main_project/car.js
@@ -5,16 +5,20 @@ class Car{
         this.width=width;
         this.height=height;
 
+        this.speed=0;
+        this.acceleration=0.2;
+
         this.controls=new Controls();
     }
 
     update(){
         if(this.controls.forward){
-            this.y-=2;
+            this.speed+=this.acceleration;
         }
         if(this.controls.reverse){
-            this.y+=2;
+            this.speed-=this.acceleration;
         }
+        this.y-=this.speed;
     }
 
     draw(ctx){

diff --git a/main_project/main.js b/main_project/main.js
@@ -1,5 +1,5 @@
 const canvas=document.getElementById("myCanvas");
-canvas.height=window.innerHeight;
+
 canvas.width=200;
 
 
@@ -11,6 +11,7 @@ animate();
 
 function animate(){
     car.update();
+    canvas.height=window.innerHeight;
     car.draw(ctx);
     requestAnimationFrame(animate);
 }