Added leaderboard functionality

This commit is contained in:
UnitedAirforce
2025-01-27 19:43:36 +08:00
parent b7cbd2e066
commit da605fc169
13 changed files with 360 additions and 231 deletions

View File

@@ -54,11 +54,25 @@
height:40px;
margin:20px 0px;
}}
.bt_bg01 {{
background: url("./files/web/bt_bg01_640.gif");
background-color: transparent;
background-repeat: no-repeat;
background-size:cover;
padding: 10px;
display: block;
text-align:center;
font-size:70%;
width:300px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;
}}
</style>
</head>
<body>
<div id="header">
<img class="ttl_height" src="{img}" alt="TAITO ID" />
<img class="ttl_height" src="{img}" alt="title image" />
</div>
<div id="wrapper">
<div class="wrapper_box">

234
files/ranking.html Normal file
View File

@@ -0,0 +1,234 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="user-scalable=0" name="viewport" />
<style type="text/css">
body{{
background-color: #000000;
-webkit-text-size-adjust: none;
padding: 0px;
margin: 0 auto;
text-align:center;
color: #FFFFFF;
-webkit-text-size-adjust: auto;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(255,255,0,0.4);
height: 100%;
font-family: Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Meiryo,Helvetica,Arial,sans-serif;
font-size: 34pt;
line-height: 36pt;
}}
.a_left{{text-align:left;}}
.a_center{{text-align:center;}}
.w100{{width:100%;}}
.d_ib{{display:inline-block;}}
.mb10p{{margin-bottom:10%;}}
.f90{{font-size:90%;}}
.pt50{{padding-top:50px;}}
#header {{
text-align: center;
background-color: #000000;
border-bottom: 2px solid #ffffff;
top: 0px;
width: 100%;
padding: 0px;
display: block;
z-index: 4;
position: fixed;
}}
div#wrapper{{
width: 100%;
position: relative;
z-index: 1;
}}
.wrapper_box{{
text-align:center;
margin-top:5%;
display: inline-block;
position: relative;
width: 100%;
}}
.ttl_height{{
height:40px;
margin:20px 0px;
}}
.bt_bg01_ifedup {{
background: url("/files/web/bt_bg01_640.gif");
background-color: transparent;
background-repeat: no-repeat;
background-size:cover;
padding: 10px;
display: block;
text-align:center;
font-size:70%;
width:380px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;
}}
.bt_bg01 {{
background: url("/files/web/bt_bg04_640.gif");
background-color: transparent;
background-repeat: no-repeat;
background-size:cover;
display: block;
text-align:center;
font-size:70%;
width:250px;
height: 42px;
color: #DDDDDD;
margin: 20px auto;
}}
.bt_bg01_ac {{
background: url("/files/web/bt_bg04_ac_640.gif");
background-color: transparent;
background-repeat: no-repeat;
background-size:cover;
display: block;
text-align:center;
font-size:70%;
width:250px;
height: 42px;
color: #DDDDDD;
margin: 20px auto;
}}
.song-list {{
list-style: none;
padding: 0;
margin: 0;
}}
.song-item {{
margin-bottom: 1px;
}}
.song-button {{
display: block;
padding: 15px;
background-color: #333333;
color: white;
text-decoration: none;
text-align: center;
font-size: 26px;
border: none;
width: 100%;
box-sizing: border-box;
}}
.song-button:hover {{
background-color: #444444;
}}
.song-item + .song-item {{
border-top: 1px solid #444444;
}}
.button-row {{
display: flex;
justify-content: center;
gap: 10px; /* Space between buttons */
margin-bottom: 20px; /* Space between rows */
}}
.player-element {{
display: flex;
align-items: center;
justify-content: space-between;
background: url("/files/web/PLAYERback.gif") no-repeat center center;
background-size: cover;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
height: 100px;
width: 98%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}}
.player-info {{
flex-grow: 0.9;
text-align: left;
}}
.name {{
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 5px;
}}
.title {{
height: 40px;
width: auto;
}}
.player-score {{
font-size: 40px;
font-weight: bold;
color: #FFD700;
text-align: left;
margin-right: 100px;
}}
.rank {{
font-size: 20px;
font-weight: bold;
color: white;
margin-right: 10px;
}}
.avatar {{
width: 70px;
height: 70px;
background-color: black;
border: 2px solid #333;
background-size: cover;
background-position: center;
margin-right: 10px;
border-radius: 8px;
padding: 20px;
}}
.leaderboard-container {{
height: calc(53vh);
overflow-y: auto;
border: 1px solid #444;
margin: 20px auto;
padding: 10px;
background-color: #111;
}}
.leaderboard-player {{
display: flex;
align-items: center;
padding: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #333;
color: #ddd;
}}
.leaderboard-info {{
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 10px;
}}
.leaderboard-score {{
font-size: 40px;
font-weight: bold;
text-align: left;
margin-right: 100px;
}}
</style>
</head>
<body>
<div id="header">
<img class="ttl_height" src="/files/web/ttl_rank.png" alt="RANK" />
</div>
<div id="wrapper">
<div class="wrapper_box">
<div class="a_left w100 d_ib mb10p">
<br>{text}
</div>
</div>
</div>
</body>
</html>

BIN
files/web/PLAYERback.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
files/web/bt_bg04_640.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
files/web/ttl_rank.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 951 B

View File

@@ -63,7 +63,7 @@
display: block;
text-align:center;
font-size:70%;
width:300px;
width:380px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;

View File

@@ -63,7 +63,7 @@
display: block;
text-align:center;
font-size:70%;
width:300px;
width:380px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;

View File

@@ -63,7 +63,7 @@
display: block;
text-align:center;
font-size:70%;
width:300px;
width:380px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;

View File

@@ -63,7 +63,7 @@
display: block;
text-align:center;
font-size:70%;
width:300px;
width:380px;
height: 61px;
color: #DDDDDD;
margin: 20px auto;

52
item_list.json Normal file
View File

@@ -0,0 +1,52 @@
[
{
"id": 1,
"name": "FOLLOW",
"effect": "Change up to 10 MISS results to GOOD. *Consumed upon use."
},
{
"id": 2,
"name": "UNUSED",
"effect": "Unused item. *Consumed upon use."
},
{
"id": 3,
"name": "CHANGE",
"effect": "Turns Flicks into Tap TARGETS. *Consumed upon use."
},
{
"id": 4,
"name": "VISIBLE",
"effect": "Displays AD-LIB timing hints. *Consumed upon use."
},
{
"id": 5,
"name": "MIRROR",
"effect": "The game screen will be flipped horizontally. *Consumed upon use."
},
{
"id": 6,
"name": "JUST",
"effect": "Everything but GREAT timing will be counted as a MISS. *Consumed upon use."
},
{
"id": 7,
"name": "HIDDEN",
"effect": "Targets disappear as they get closer to your AVATAR. *Consumed upon use."
},
{
"id": 8,
"name": "SUDDEN",
"effect": "Targets are not visible until just before they reach your AVATAR. *Consumed upon use."
},
{
"id": 9,
"name": "STEALTH",
"effect": "TARGETS are completely invisible. *Consumed upon use."
},
{
"id": 10,
"name": "NO WAY",
"effect": "Your AVATAR's path is invisible. *Consumed upon use."
}
]

View File

@@ -9,10 +9,7 @@
"difficulty_levels": [
2,
3,
4,
0,
0,
0
4
],
"bpm": "126",
"sample_file_name": "",
@@ -101,10 +98,7 @@
"difficulty_levels": [
1,
3,
4,
0,
0,
0
4
],
"bpm": "75",
"sample_file_name": "Hiphop_sample",
@@ -147,10 +141,7 @@
"difficulty_levels": [
2,
3,
4,
0,
0,
0
4
],
"bpm": "95",
"sample_file_name": "Arkanoid_sample",
@@ -170,10 +161,7 @@
"difficulty_levels": [
4,
5,
6,
0,
0,
0
6
],
"bpm": "136",
"sample_file_name": "Happy_sample",
@@ -216,10 +204,7 @@
"difficulty_levels": [
2,
4,
5,
0,
0,
0
5
],
"bpm": "133",
"sample_file_name": "InvadeYou_sample",
@@ -239,10 +224,7 @@
"difficulty_levels": [
3,
5,
8,
0,
0,
0
8
],
"bpm": "134",
"sample_file_name": "Neptune_sample",
@@ -262,10 +244,7 @@
"difficulty_levels": [
3,
4,
6,
0,
0,
0
6
],
"bpm": "125",
"sample_file_name": "JET_sample",
@@ -308,10 +287,7 @@
"difficulty_levels": [
4,
5,
7,
0,
0,
0
7
],
"bpm": "130",
"sample_file_name": "House_sample",
@@ -400,10 +376,7 @@
"difficulty_levels": [
4,
6,
8,
0,
0,
0
8
],
"bpm": "133",
"sample_file_name": "TRIP1_sample",
@@ -814,10 +787,7 @@
"difficulty_levels": [
3,
6,
7,
0,
0,
0
7
],
"bpm": "128",
"sample_file_name": "eclipse_sample",
@@ -906,10 +876,7 @@
"difficulty_levels": [
3,
4,
6,
0,
0,
0
6
],
"bpm": "160",
"sample_file_name": "treeclimb_sample",
@@ -929,10 +896,7 @@
"difficulty_levels": [
2,
4,
7,
0,
0,
0
7
],
"bpm": "160",
"sample_file_name": "backon_sample",
@@ -952,10 +916,7 @@
"difficulty_levels": [
2,
4,
5,
0,
0,
0
5
],
"bpm": "130",
"sample_file_name": "niji_sample",
@@ -975,10 +936,7 @@
"difficulty_levels": [
2,
5,
7,
0,
0,
0
7
],
"bpm": "132",
"sample_file_name": "star_sample",
@@ -1021,10 +979,7 @@
"difficulty_levels": [
1,
2,
5,
0,
0,
0
5
],
"bpm": "133",
"sample_file_name": "",
@@ -1044,10 +999,7 @@
"difficulty_levels": [
3,
5,
8,
0,
0,
0
8
],
"bpm": "134",
"sample_file_name": "cyber_sample",
@@ -1090,10 +1042,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "160",
"sample_file_name": "monster_sample",
@@ -1113,10 +1062,7 @@
"difficulty_levels": [
2,
5,
7,
0,
0,
0
7
],
"bpm": "179",
"sample_file_name": "Rewrite_sample",
@@ -1182,10 +1128,7 @@
"difficulty_levels": [
2,
3,
6,
0,
0,
0
6
],
"bpm": "117",
"sample_file_name": "traveling_sample",
@@ -1205,10 +1148,7 @@
"difficulty_levels": [
3,
4,
5,
0,
0,
0
5
],
"bpm": "121",
"sample_file_name": "joy_sample",
@@ -1251,10 +1191,7 @@
"difficulty_levels": [
3,
5,
6,
0,
0,
0
6
],
"bpm": "159",
"sample_file_name": "Joyful_sample",
@@ -1274,10 +1211,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "119",
"sample_file_name": "supernova_sample",
@@ -1343,10 +1277,7 @@
"difficulty_levels": [
3,
5,
6,
0,
0,
0
6
],
"bpm": "128",
"sample_file_name": "choco_sample",
@@ -1366,10 +1297,7 @@
"difficulty_levels": [
2,
5,
7,
0,
0,
0
7
],
"bpm": "135",
"sample_file_name": "laser_sample",
@@ -1389,10 +1317,7 @@
"difficulty_levels": [
2,
4,
7,
0,
0,
0
7
],
"bpm": "130",
"sample_file_name": "lovetheworld_sample",
@@ -1412,10 +1337,7 @@
"difficulty_levels": [
4,
5,
6,
0,
0,
0
6
],
"bpm": "128",
"sample_file_name": "nee_sample",
@@ -1435,10 +1357,7 @@
"difficulty_levels": [
4,
5,
7,
0,
0,
0
7
],
"bpm": "165",
"sample_file_name": "monogatari_sample",
@@ -1504,10 +1423,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "115",
"sample_file_name": "beautiful_sample",
@@ -1527,10 +1443,7 @@
"difficulty_levels": [
2,
5,
8,
0,
0,
0
8
],
"bpm": "199",
"sample_file_name": "linda_sample",
@@ -1550,10 +1463,7 @@
"difficulty_levels": [
4,
7,
8,
0,
0,
0
8
],
"bpm": "188",
"sample_file_name": "daimeiwaku_sample",
@@ -1573,10 +1483,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "142",
"sample_file_name": "alright_sample",
@@ -1596,10 +1503,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "126",
"sample_file_name": "namonaki_sample",
@@ -1711,10 +1615,7 @@
"difficulty_levels": [
1,
2,
3,
0,
0,
0
3
],
"bpm": "128",
"sample_file_name": "",
@@ -1780,10 +1681,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "135",
"sample_file_name": "yumegiwa_sample",
@@ -1849,10 +1747,7 @@
"difficulty_levels": [
3,
4,
7,
0,
0,
0
7
],
"bpm": "140",
"sample_file_name": "mori_sample",
@@ -2079,10 +1974,7 @@
"difficulty_levels": [
3,
4,
6,
0,
0,
0
6
],
"bpm": "194",
"sample_file_name": "naisho_sample",
@@ -2125,10 +2017,7 @@
"difficulty_levels": [
4,
7,
8,
0,
0,
0
8
],
"bpm": "183",
"sample_file_name": "innocence_sample",
@@ -2148,10 +2037,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "119",
"sample_file_name": "poker_sample",
@@ -2171,10 +2057,7 @@
"difficulty_levels": [
2,
5,
6,
0,
0,
0
6
],
"bpm": "119",
"sample_file_name": "romance_sample",
@@ -2194,10 +2077,7 @@
"difficulty_levels": [
3,
5,
7,
0,
0,
0
7
],
"bpm": "130",
"sample_file_name": "party_sample",
@@ -2217,10 +2097,7 @@
"difficulty_levels": [
4,
6,
7,
0,
0,
0
7
],
"bpm": "136",
"sample_file_name": "whatyou_sample",
@@ -2263,10 +2140,7 @@
"difficulty_levels": [
4,
5,
8,
0,
0,
0
8
],
"bpm": "168",
"sample_file_name": "saraba_sample",
@@ -2286,10 +2160,7 @@
"difficulty_levels": [
4,
7,
8,
0,
0,
0
8
],
"bpm": "160",
"sample_file_name": "otome_sample",
@@ -2309,10 +2180,7 @@
"difficulty_levels": [
3,
7,
8,
0,
0,
0
8
],
"bpm": "174",
"sample_file_name": "moretu_sample",
@@ -2332,10 +2200,7 @@
"difficulty_levels": [
4,
7,
8,
0,
0,
0
8
],
"bpm": "131",
"sample_file_name": "flying_sample",
@@ -2355,10 +2220,7 @@
"difficulty_levels": [
3,
4,
6,
0,
0,
0
6
],
"bpm": "178",
"sample_file_name": "heavy_sample",
@@ -2723,10 +2585,7 @@
"difficulty_levels": [
2,
3,
5,
0,
0,
0
5
],
"bpm": "135",
"sample_file_name": "reunion_sample",
@@ -2746,10 +2605,7 @@
"difficulty_levels": [
2,
4,
6,
0,
0,
0
6
],
"bpm": "172",
"sample_file_name": "fantastic_sample",
@@ -2792,10 +2648,7 @@
"difficulty_levels": [
3,
4,
6,
0,
0,
0
6
],
"bpm": "130",
"sample_file_name": "twilight_sample",
@@ -3089,9 +2942,6 @@
"author_en": "Remixed by COSIO composed by Kenji Ito",
"song_length": "(1:56)",
"difficulty_levels": [
0,
0,
0,
0,
0,
0
@@ -3206,10 +3056,7 @@
"difficulty_levels": [
3,
5,
7,
0,
0,
0
7
],
"bpm": "174",
"sample_file_name": "seelights_sample",
@@ -3275,10 +3122,7 @@
"difficulty_levels": [
4,
7,
8,
0,
0,
0
8
],
"bpm": "87-176",
"sample_file_name": "no_sample",
@@ -3917,9 +3761,6 @@
"author_en": "Remixed by COSIO composed by Kenji Ito",
"song_length": "(1:56)",
"difficulty_levels": [
0,
0,
0,
0,
0,
0
@@ -5069,10 +4910,7 @@
"difficulty_levels": [
2,
4,
8,
0,
0,
0
8
],
"bpm": "138",
"sample_file_name": "silenterr_sample",
@@ -6035,10 +5873,7 @@
"difficulty_levels": [
3,
5,
8,
0,
0,
0
8
],
"bpm": "140",
"sample_file_name": "smash_sample",
@@ -7622,10 +7457,7 @@
"difficulty_levels": [
1,
1,
1,
0,
0,
0
1
],
"bpm": "127",
"sample_file_name": "",
@@ -11164,10 +10996,7 @@
"difficulty_levels": [
2,
4,
8,
0,
0,
0
8
],
"bpm": "120-280",
"sample_file_name": "kaidancranky_sample",