splusb
diff --git a/‎76 - Car Game/app.js‎
Lines changed: 8 additions & 2 deletions b/‎76 - Car Game/app.js‎
Lines changed: 8 additions & 2 deletions
diff --git a/‎76 - Car Game/car2.png‎
459 KB b/‎76 - Car Game/car2.png‎
459 KB
diff --git a/‎76 - Car Game/enemycar.jpg‎
84.1 KB b/‎76 - Car Game/enemycar.jpg‎
84.1 KB
diff --git a/‎76 - Car Game/enemycar2.png‎
490 KB b/‎76 - Car Game/enemycar2.png‎
490 KB
diff --git a/‎76 - Car Game/index.html‎
Lines changed: 3 additions & 0 deletions b/‎76 - Car Game/index.html‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎76 - Car Game/style.css‎
Lines changed: 30 additions & 10 deletions b/‎76 - Car Game/style.css‎
Lines changed: 30 additions & 10 deletions
@@ -34,7 +34,8 @@ function moveEnemies(playercar) {
         othercarb = item.getBoundingClientRect();
         if (! ((playercarb.bottom < othercarb.top) || (playercarb.top > othercarb.bottom) || (playercarb.left > othercarb.right) || (playercarb.right < othercarb.left)) )
         {
-            alert("Game over , Refresh to play again");
+            alert("Press OK to play again");
+            location.reload()
             player.start = false;
         }
         if (item.y >= 630) {
@@ -123,5 +124,10 @@ function init() {
         roadArea.appendChild(enemies);
     }
 }
+ 
+function myFunction() {
+    document.querySelector('.button-container-div').style.display = "none";
+    document.querySelector('.container').style.visibility = "visible";
+    init();
+}
 
-init();
 
@@ -8,6 +8,9 @@
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
+    <div class="button-container-div">
+        <button class="btn" onclick="myFunction()">Start Car Game</button>
+    </div>
     <div class="container">
         <div class="road"></div>
     </div>
 
@@ -1,11 +1,13 @@
 *{
     margin: 0;
     padding: 0;
+    background-color: rgb(118, 189, 159);
 }
 
 .container{
     background-color: rgb(118, 189, 159);
     background-size: cover;
+    visibility: hidden;
 
 }
 
@@ -29,21 +31,39 @@
 }
 
 .car {
-    height: 90px;
-    width: 50px;
+    height: 75px;
+    width: 41px;
     position: absolute;
-    background-color: blueviolet;
-    background-image: url("car.jpg");
-    background-size: contain;
+    background-color: rgb(0, 0, 0);
+    background-image: url("car2.png");
+    background-size: cover;
     bottom:120px;
+    background-position-x: center;
 }
 
 .enemies {
     height: 90px;
-    width: 50px;
+    width: 41px;
     position: absolute;
-    background-color: rgb(223, 27, 27);
-    /* background-image: url("car.jpg"); */
-    /* background-size: contain; */
-    bottom:120px;
+    background-color: rgb(0, 0, 0);
+    background-image: url("enemycar2.png");
+    -webkit-transform: scaleY(-1);
+    background-size: cover;
+    bottom: 120px;
+    background-position-x: center;
+}
+
+.button-container-div {           
+    height: 100vh;
+    display: flex;
+}
+
+.btn {
+    background-color: crimson;
+    color: #fff;
+    border: 1px solid;
+    padding: 10px;
+    width: 200px;
+    outline: none;
+    margin: auto;
 }
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,8 @@ function moveEnemies(playercar) {`
`34`	`34`	`othercarb = item.getBoundingClientRect();`
`35`	`35`	`if (! ((playercarb.bottom < othercarb.top) \|\| (playercarb.top > othercarb.bottom) \|\| (playercarb.left > othercarb.right) \|\| (playercarb.right < othercarb.left)) )`
`36`	`36`	`{`
`37`		`- alert("Game over , Refresh to play again");`
	`37`	`+ alert("Press OK to play again");`
	`38`	`+ location.reload()`
`38`	`39`	`player.start = false;`
`39`	`40`	`}`
`40`	`41`	`if (item.y >= 630) {`
`@@ -123,5 +124,10 @@ function init() {`
`123`	`124`	`roadArea.appendChild(enemies);`
`124`	`125`	`}`
`125`	`126`	`}`
	`127`	`+`
	`128`	`+function myFunction() {`
	`129`	`+ document.querySelector('.button-container-div').style.display = "none";`
	`130`	`+ document.querySelector('.container').style.visibility = "visible";`
	`131`	`+ init();`
	`132`	`+}`
`126`	`133`
`127`		`-init();`