11<!doctype html>
22< html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
6+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
7+ < link href ="https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap " rel ="stylesheet " />
8+ < link rel ="stylesheet " href ="/src/style.css " />
9+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
10+ < title > Running Ball (Babylon.js + TypeScript)</ title >
11+ < link rel ="shortcut icon " href ="/assets/images/football.png " type ="image/x-icon " />
12+ </ head >
313
4- < head >
5- < meta charset ="UTF-8 " />
6- < link rel ="preconnect " href ="https://fonts.googleapis.com " />
7- < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
8- < link href ="https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap " rel ="stylesheet " />
9- < link rel ="stylesheet " href ="/src/style.css " />
10- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
11- < title > Running Ball (Babylon.js + TypeScript)</ title >
12- < link rel ="shortcut icon " href ="/assets/images/football.png " type ="image/x-icon ">
13- </ head >
14+ < body >
15+ < main class ="app ">
16+ < canvas id ="game-canvas " class ="game-canvas "> </ canvas >
1417
15- < body >
16- < main class ="app ">
17- < canvas id ="game-canvas " class ="game-canvas "> </ canvas >
18-
19- < div class ="user-ui user-ui__top ">
20- < div class ="score ">
21- < span class ="game-score " id ="game-score "> 0</ span >
22- < img src ="/assets/images/coin.png " class ="coin-img " />
18+ < div class ="user-ui user-ui__top ">
19+ < div class ="score ">
20+ < span class ="game-score " id ="game-score "> 0</ span >
21+ < img src ="/assets/images/coin.png " class ="coin-img " />
22+ </ div >
2323 </ div >
24- </ div >
25-
26- < div class ="user-ui user-ui__bottom ">
27- < button id ="restart-btn " class ="ui-btn ">
28- < img src ="/assets/images/restart.png " width ="30px " />
29- </ button >
30- </ div >
3124
32- < div class ="game-over-screen " id ="game-over-screen ">
33- < div class ="game-over-modal ">
34- < span class ="game-over-info "> GAME OVER</ span >
35- < span class ="game-over-info " id ="game-over-score-current "> CURRENT SCORE</ span >
36- < span class ="game-over-info " id ="game-over-score-best "> BEST SCORE</ span >
25+ < div class ="user-ui user-ui__bottom ">
26+ < button id ="restart-btn " class ="ui-btn ">
27+ < img src ="/assets/images/restart.png " width ="30px " />
28+ </ button >
3729 </ div >
3830
39- < span class ="tap-to-restart "> Tap to restart</ span >
40- </ div >
41- </ main >
42- < script type ="module " src ="/src/main.ts "> </ script >
43- </ body >
31+ < div class ="game-over-screen " id ="game-over-screen ">
32+ < div class ="game-over-modal ">
33+ < span class ="game-over-info "> GAME OVER</ span >
34+ < span class ="game-over-info " id ="game-over-score-current "> CURRENT SCORE</ span >
35+ < span class ="game-over-info " id ="game-over-score-best "> BEST SCORE</ span >
36+ </ div >
4437
45- </ html >
38+ < span class ="tap-to-restart "> Tap to restart</ span >
39+ </ div >
40+ </ main >
41+ < script type ="module " src ="/src/main.ts "> </ script >
42+ </ body >
43+ </ html >
0 commit comments