-
Notifications
You must be signed in to change notification settings - Fork 3
/
game.html
executable file
·130 lines (115 loc) · 4.68 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/game.css">
<title>Play - CLOCK NOTES</title>
</head>
<body>
<div id="game">
<p id="info">Pause : P</p>
<canvas id="can"></canvas>
</div>
<div id="start-overlay" class="overlay">
<div class="column-container container">
<div class="item-music container column-container">
<h1>曲を選択してください</h1>
<div class="select-type">
<input type="checkbox" class="checkbox" id="music-file-type">
<div class="knobs">
<span>サンプル</span>
</div>
<div class="layer"></div>
</div>
<div class="music-file">
<div class="container" id="upload-music">
<label class="upload-file">
<input type="file" id="upload-music-file" accept="audio/*,video/*">
<span>楽曲ファイルを選択</span>
</label>
</div>
<div class="container select-container" id="select-music">
<label class="select-label">
<select class="select-file" id="select-music-file">
<option value="bgm_sample1.mp3" selected>サンプル1</option>
<option value="bgm_sample2.mp3">サンプル2</option>
<option value="bgm_sample3.mp3">サンプル3</option>
<option value="bgm_sample4.mp3">サンプル4</option>
</select>
</label>
</div>
</div>
</div>
<div class="item-css container column-container">
<h1>譜面を選択してください</h1>
<div class="select-type">
<input type="checkbox" class="checkbox" id="csv-file-type">
<div class="knobs">
<span>サンプル</span>
</div>
<div class="layer"></div>
</div>
<div class="music-file">
<div class="container" id="upload-csv">
<label class="upload-file">
<input type="file" id="upload-csv-file" accept=".csv">
<span>CSVファイルを選択</span>
</label>
</div>
<div class="container select-container" id="select-csv">
<label class="select-label">
<select class="select-file" id="select-csv-file">
<option value="sample1" selected>サンプル1</option>
<option value="sample2">サンプル2</option>
<option value="sample3">サンプル3</option>
<option value="sample4">サンプル4</option>
</select>
</label>
</div>
</div>
</div>
<div class="row-container container button-panel">
<a class="btn" id="btn-start">ゲームスタート！</a>
<a href="index.html" class="btn">タイトルに戻る</a>
</div>
</div>
</div>
<div id="pause-overlay" class="overlay">
<ul class="container column-container">
<li><a class="btn" id="btn-continue">続ける</a></li>
<li><a class="btn btn-restart">やり直す</a></li>
<li><a href="game.html" class="btn">選択画面に戻る</a></li>
<li><a href="index.html" class="btn">タイトルに戻る</a></li>
<li><span>BGM</span><input type="range" name="BGM-volume" id="BGM-slider" min="0" max="100"></li>
<li><span>SE</span><input type="range" name="SE-volume" id="SE-slider" min="0" max="100"></li>
</ul>
</div>
<div id="result-overlay" class="overlay container">
<div class="result-panel container column-container">
<div class="panel-top">
<p class="result-info" id="result-score">Score</p>
<p class="result-info">0</p>
<p class="result-info">0</p>
<p class="result-info">0</p>
<p class="result-info">0</p>
<p class="result-info">0</p>
</div>
<div class="panel-bottom">
<a class="btn btn-restart">はじめから</a>
<a href="game.html" class="btn">選択画面に戻る</a>
<a href="index.html" class="btn">タイトルに戻る</a>
</div>
</div>
</div>
<script src="js/game/judgeLine.js"></script>
<script src="js/game/backLane.js"></script>
<script src="js/game/singleNote.js"></script>
<script src="js/game/longNote.js"></script>
<script src="js/game/musicalScoreManager.js"></script>
<script src="js/game/soundManager.js"></script>
<script src="js/game/gameScoreManager.js"></script>
<script src="js/game/init.js"></script>
<script src="js/game/loop.js"></script>
<script src="js/game/main.js"></script>
</body>
</html>