-
Notifications
You must be signed in to change notification settings - Fork 0
/
kuchikiss.html
184 lines (171 loc) · 10.3 KB
/
kuchikiss.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>kuchikiss</title>
<link rel="stylesheet" type="text/css" href="css/clipdetail.css">
<link rel="stylesheet" type="text/css" href="css/menu_dark.css">
<link rel="stylesheet" type="text/css" href="css/button.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300">
<!--BOOT_STRAP-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<header>
<!--menu-->
<div id="global-nav">
<div class="inner">
<ul class="global-list">
<li class="global-item"><a href="./#top">Top</a></li>
<li class="global-item"><a href="clips.html">Clips</a></li>
<li class="global-item"><a href="3dcg.html">3DCG</a></li>
<li class="global-item"><a href="games.html">Games</a></li>
<li class="global-item"><a href="webs.html">Websites</a></li>
</ul>
</div>
</div>
</header>
<main>
<div id="works" class="works">
<div class="workSpace">
<div class="mx-auto" style="width: auto;">
<!--01-->
<div class="txttitle">
<p>くちきす！</p>
</div>
<!--01catch-->
<div class="workelement">
<a>
<div class="vidArea">
<img src="img/Game01.png" class="img-fluid">
</div>
</a>
</div>
<!--01frameShots-->
<div class="frameshot">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-4 col-xl-4">
<img src="img/kiss01.png" class="img-fluid" id="PicOne">
</div>
<div class="col-sm-12 col-md-4 col-xl-4">
<img src="img/kiss02.png" class="img-fluid" id="PicTwo">
</div>
<div class="col-sm-12 col-md-4 col-xl-4">
<img src="img/kiss03.png" class="img-fluid" id="PicThree">
</div>
</div>
</div>
</div>
<!--01context-->
<div class="workcontext">
<a>
<div class="txtArea">
<!--game-->
<p class="txttitle">ゲーム詳細</p>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>制作</u></b>
<br>
個人制作
</p>
</div>
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>ジャンル</u></b>
<br>
2Dランアンドジャンプゲーム
</p>
</div>
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>ゲームコンセプト</u></b>
<br>
タイトル詐欺をコンセプトにしたバカゲー。
<br>
魚の"シログチ"と"キス"を軸にした海鮮アクションゲーム。
</p>
</div>
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>ゲーム内容</u></b>
<br>
なるべく多くのシログチをキスに当ててポイントを稼ぐスコアアタック制のゲーム。
<br>
</p>
</div>
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>ゲーム説明</u></b>
<br>
本ゲームはグーグルの恐竜ゲームの様なシステムで構成されている。
ただしHP制を導入しているため一回敵に当たっただけではゲームオーバーにならず、
敵を攻撃することでHPの回復もできる。
自身の武器となれる魚は"キス"と"サンマ"で、泳いでくるものに体当たりすることで武器となる。
それぞれの武器で獲得できるHPは異なり、私の名前にちなんで"スズキ"に攻撃するとHPに関係なくゲームオーバーになる。
また、"キス"で"シログチ"を攻撃した場合はゲーム終了後に表示されるスコアに加点が入る。
ゲーム終了画面と開始画面は取得したスコアによって異なり、
高いスコアを叩き出すと詐欺画面から真の画面へと切り替わる。
</p>
</div>
<div class="col-sm-12 col-md-6 col-xl-6">
<p class="txtcontext">
<b><u>ゲーム制作について</u></b>
<br>
当ゲームではSEとBGM、フォント以外の全てをUnityで制作した。
</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</main>
<!--ページ遷移ボタン-->
<div id="page_button">
<div class="container">
<div class="row">
<div class="col-12 clearfix">
<div class="float-left test-box">
<a href="potato.html" class="btn btn-border">BACK</a>
</div>
<div class="float-right test-box">
<a href="portfolioSite.html" class="btn btn-border">NEXT</a>
</div>
</div>
</div>
</div>
</div>
<div id="about" class="about">
<div class="copyright">
<p>
©︎ 2021 Toshitake Suzuki
</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<!--スティッキーヘッダー-->
<script>
var navPos = $( '#global-nav' ).offset().top; // グローバルメニューの位置
var navHeight = $( '#global-nav' ).outerHeight(); // グローバルメニューの高さ
$( window ).on( 'scroll', function() {
if ( $( this ).scrollTop() > navPos ) {
$( 'body' ).css( 'padding-top', navHeight );
$( '#global-nav' ).addClass( 'm_fixed' );
} else {
$( 'body' ).css( 'padding-top', 0 );
$( '#global-nav' ).removeClass( 'm_fixed' );
}
});
</script>
</body>
</html>