-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
133 lines (128 loc) · 5.64 KB
/
index.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
131
132
133
<!DOCTYPE html>
<html>
<head>
<title>웹프 팀플과제</title>
<link rel="stylesheet" href="./game/style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Titan+One&display=swap"
rel="stylesheet"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script defer src="./game/constant.js"></script>
<script defer src="./game/stage.js"></script>
<script defer src="./game/collide.js"></script>
<script defer src="./game/paddle.js"></script>
<script defer src="./game/brick.js"></script>
<script defer src="./game/ball.js"></script>
<script defer src="./game/scene.js"></script>
<script defer src="./game/loadPageManager.js"></script>
<script defer src="./game/startPageManager.js"></script>
<script defer src="./game/stageSelectManager.js"></script>
<script defer src="./game/clearPageManager.js"></script>
<script defer src="./game/game.js"></script>
<script defer src="./game/gameManager.js"></script>
</head>
<body>
<div id="loadingPage">
페이지 시작시 오디오 자동재생이 불가능하여 임시로 만들어 놓은
div입니다.<br />
로드 버튼 클릭시 게임이 시작됩니다.<br />
<button id="loadButton">로드</button>
</div>
<div id="startPage">
<div id="title_start"></div>
<div id="main_start">
<button class="btn_start" id="startButton">Game Start</button>
<button class="btn_start" id="ruleButton">Game Rule</button>
<button class="btn_start" id="setButton">Settings</button>
<button class="btn_start" id="overButton">Quit</button>
</div>
<div id="rulePage" class="page">
<div class="ruletitle" id="rule">
Game Rule<br />
<img id="ruleblock" src="./images/gamerule_brick.png" />
<input type="button" value="back" id="back_rule" />
</div>
</div>
<div id="setPage" class="page">
<div id="bgmtitle" class="settitle">
BGM<br />
<button class="settingbgm on" id="bgmon">on</button>
<button class="settingbgm off" id="bgmoff">off</button>
</div>
<div id="soundtitle" class="settitle">
SOUND<br />
<button class="settingsound on" id="soundon">on</button>
<button class="settingsound off" id="soundoff">off</button>
</div>
<div id="skintitle" class="settitle">
SKIN<br />
<button class="settingskin on" id="skin1">1</button>
<button class="settingskin off" id="skin2">2</button>
<button class="settingskin off" id="skin3">3</button>
</div>
<input type="button" value="back" id="back_set" />
</div>
</div>
<div id="opening">
<p>Enter를 눌러서 오프닝 넘기기</p>
<h2 id="line1">
모험을 하던 커비는 맛있는 케이크 생각을 하며 길을 걷고 있었다.
</h2>
<img id="opening1" src="./images/opening1.png" />
<h2 id="line2">
바로 그때... 커비는 앞을 보지 못하고 그만 구덩이로 빠지고 만다!
</h2>
<img id="opening2" src="./images/opening2.png" />
<h2 id="line3">
구덩이에 있던 것은 공 하나 뿐... 과연 커비는 구덩이에서 무사히
올라올 수 있을 것인가!
</h2>
<img id="opening3" src="./images/opening3.png" />
</div>
<div id="stageSelect">
<p id="stageselecttitle">Stage Select</p>
<div id="stage_btn">
<button class="stagebtn" id="stage1">Stage 1</button>
<button class="stagebtn" id="stage2">Stage 2</button>
<button class="stagebtn" id="stage3">Stage 3</button>
<button class="stagebtn" id="stageback">back</button>
</div>
</div>
<div id="content">
<div id="top">
<div id="left">
<div class="title">LIFE</div>
<div id="life"></div>
</div>
<div id="middle">
<div class="title">TIME</div>
<div id="time"></div>
</div>
<div id="right">
<div class="title">SCORE</div>
<div id="score"></div>
</div>
</div>
<canvas id="screen"></canvas>
<div id="bottom">
ESC를 눌러 일시정지 / 일시정지 상태에서 Q를 눌러 메인화면
</div>
</div>
<div id="gameOver">
<img id="gameoverImg" src="./images/gameover.png" />
<h2 id="showScore">score :</h2>
<button id="resetButton">RESET</button>
</div>
<div id="gameClear">
<p id="stagecleartitle">Stage Clear</p>
<!-- <img id="stageclear" src="./images/stageclear_title.png"> -->
<p id="result"></p>
<button id="nextButton">Next Stage</button>
</div>
<div id="gameAllClear">
<img id="credit" src="./images/credit.png" />
<button id="goback">Home</button>
</div>
</body>
</html>