Some Adjestment in the documentation and the Landing page

THEKINGSTAR · Dec 8, 2023 · 52d9e27 · 52d9e27
1 parent 9c17f40
commit 52d9e27
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 11 deletions.
diff --git a/assets/pictures/neural_networ_self_drivin_car.jpg b/assets/pictures/neural_networ_self_drivin_car.jpg
diff --git a/assets/pictures/neural_network.jpg b/assets/pictures/neural_network.jpg
diff --git a/assets/pictures/rotation physics.jpg b/assets/pictures/rotation physics.jpg
diff --git a/index.html b/index.html
@@ -29,7 +29,7 @@
         }
 
         h1 {
-            color: #007BFF;
+            color: darkblue;
         }
 
         p {
@@ -42,6 +42,24 @@
             text-align: center;
             color: #fff;
         }
+        img {
+            max-width: 95%;
+            height: auto;
+            max-width: 95%;
+            max-height: 90;
+            align-self: auto;
+        }
+        .parent {
+        display: flex;
+        flex-flow: row;
+        }
+        .child {
+        background: #ddd;
+        }
+        .child img {
+        width: 100%;
+        height: 100%;
+        }
     </style>
 </head>
 <body>
@@ -75,12 +93,12 @@ <h2>Welcome to Our Project</h2>
     <!-- Intro Section -->
     <section id="intro">
         <header>
-            <img src="" alt="Self-Driving Car Simulation">
-            <h1>Self-Driving Car Simulation</h1>
             <p>Building the Future of Autonomous Vehicles</p>
+            <img src="assets/pictures/neural_networ_self_drivin_car.jpg" alt="Self-Driving Car Simulation">
+            <h1>Self-Driving Car Simulation</h1>
             <nav>
-                <ul>
-                    <li><a href="#features">Features</a></li>
+                <ul align="left">
+                    <li><a href="#features">Features </a></li>
                     <li><a href="#about">About</a></li>
                 </ul>
             </nav>
@@ -94,21 +112,32 @@ <h2>Key Features</h2>
 
         <!-- Feature 1 -->
         <div class="feature">
-            <img src="assets/pictures/car_case-study.jpg" alt="Feature 1">
+            <div align="center">
+                <img src="assets/pictures/car_case-study.jpg" alt="Realistic">
+            </div>
             <h3>Realistic Simulation Environment</h3>
             <p>Experience a simulation environment that closely mirrors real-world driving scenarios, providing a foundation for diverse driving conditions.</p>
         </div>
 
         <!-- Feature 2 -->
         <div class="feature">
-            <img src="assets/pictures/Typical scenario of overtaking.jpg" alt="Feature 2">
+            <div align="center">
+                <img src="assets/pictures/Typical scenario of overtaking.jpg" alt="Simulation">
+            </div>
             <h3>Neural Network Integration</h3>
             <p>Witness the integration of a lightweight JavaScript neural network library, enabling the car to make informed driving decisions based on simulated sensor data.</p>
         </div>
 
         <!-- Feature 3 -->
         <div class="feature">
-            <img src="feature3-image.jpg" alt="Feature 3">
+            <div align="center" class="parent">
+                <div class="child">
+                    <img src="assets/pictures/neural_network.jpg" alt="Neural networks Implementation">
+                </div>
+                <div class="child">
+                    <img src="/assets/pictures/rotation physics.jpg" alt="Physics Implementation">
+                </div>
+            </div>
             <h3>User-Friendly Interface</h3>
             <p>Explore a user interface designed for easy monitoring of the simulation. Adjust neural network parameters and observe the car's behavior in real-time.</p>
         </div>

diff --git a/main_project/car.js b/main_project/car.js
@@ -1,15 +1,17 @@
 //initiate the Car Class
 class Car{
     constructor(x, y, width, height){
+        //define the car parameters
         this.x=x;
         this.y=y;
         this.width=width;
         this.height=height;
-
+        //define the car speed and direction based on physics
         this.speed=0;
         this.acceleration=0.2;
         this.maxSpeed=4;
         this.friction=0.05;
+        this.angel=0;
 
         this.controls=new Controls();
     }
@@ -42,11 +44,12 @@ class Car{
         }
 
         //Set the controls for left and right
+        //By modifying the car angel not just go to left or right side of the screen
         if(this.controls.right){
-            this.x+=2;
+            this.angel-=0.03;
         }
         if(this.controls.left){
-            this.x-=2;
+            this.angel+=0.-3;
         }
 
 

diff --git a/main_project/index.html → main_project/self_driving_car.html b/main_project/index.html → main_project/self_driving_car.html