-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
67 lines (66 loc) · 4.45 KB
/
game.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Funny Parkour Run 🏃🏻♂️🤸🏻♂️ — (online 🌐)</title>
<meta name="description" content="this is a 'Funny Parkour Run' Online game. that is made for fun for making and gaming both. In This Game The Player has to Jump Over The Poles While Running. Player Can Use Up Arrow Key Or Space Bar To Jump Sprite And For Mobile Swipe Gesture Is Given. How many times the player jump the score increase." />
<meta name="keywords" content="Funny Game, Game, Parkour Game, Online Game, Javascript Game, Running Game" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="width">
<link rel="apple-touch-icon" sizes="57x57" href="./img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="./img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="60x60" href="./img/favicons/apple-icon-60x60.png">
<link rel="shortcut icon" href="./img/favicons/favicon.ico" type="image/x-icon">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="./img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ec9002">
<link rel="manifest" href="./manifest.json">
<link rel="stylesheet" href="./style.css">
<!-- fb & Whatsapp -->
<!-- Site Name, Title, and Description to be displayed -->
<meta property="og:site_name" content="Funny Parkour Run">
<meta property="og:title" content="Funny Parkour Run — Online Parkouring Game">
<meta property="og:description" content="PLay this 'Funny Parkour Run' Online game. Play and have Fun. Win Score And Compete With Your Friends. this Game is made for fun for making and gaming both.">
<meta property="og:url" content="https://vishal30982.github.io/Funny-Parkour-Run/" />
<meta property="og:type" content="website" />
<!-- Image to display -->
<meta property="og:image" content="https://vishal30982.github.io/Funny-Parkour-Run/img/social-media-share-img.jpg">
<!-- image type -->
<meta property="og:image:type" content="image/jpg">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Funny Parkour Run" />
<meta name="twitter:description" content="PLay this 'Funny Parkour Run' Online game. Play and have Fun. Win Score And Compete With Your Friends. this Game is made for fun for making and gaming both." />
<meta name="twitter:image" content="https://vishal30982.github.io/Funny-Parkour-Run/img/social-media-share-img.jpg" />
</head>
<body>
<p id="score"><span>score:</span><span id="scoreCount">0</span></p>
<div id="display">
<img id="pole" src="./img/pole.png" alt="pole image">
<img id="character" src="./img/character.png" alt="Player">
</div>
<button id="pause-btn">pause</button>
<dialog id="game-over-modal">
<h2>Oops! You Hit The Pole! <br/> Game Over!</h2>
<b>Your Score: </b>
<button id="restart-btn">Restart</button>
</dialog>
<script src="./script.js"></script>
</body>
</html>