-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
338 lines (316 loc) · 15 KB
/
index.html
File metadata and controls
338 lines (316 loc) · 15 KB
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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!DOCTYPE html>
<html>
<head>
<title>Domesticated Catgirl Simulator</title>
<meta name="description" content="Domesticate and customize your own pet girl.">
<meta name="author" content="shi#1111">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link href="img/nekos.gif" rel="shortcut icon">
<link href="css/tachyons.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="near-white bg-navy c-def lh-solid" oncontextmenu="return true;">
<div id="preloader" class="fixed top-0 w-100 vh-100 bg-dark flex flex-column justify-center items-center white" style="z-index: 9">
<div class="w-100 flex flex-column justify-center items-center tc">
<div class="f3">Rendering simulation</div>
</div>
</div>
<div class="stars"></div>
<div class="gamemenu relative w-100 flex flex-row justify-between bg-dcgs">
<div class="flex flex-row">
<span id="opensim" class="pv2 ph3">DCGS</span>
<span id="openoptions" class="pv2 ph3">Options</span>
<span id="openwiki" class="pv2 ph3">Wiki</span>
<span id="openabout" class="pv2 ph3">About</span>
</div>
<div class="flex flex-row">
<a class="link white pv2 ph3" href="https://discordapp.com/invite/RKZCjKb" target="_blank">Join on Discord</a>
<a class="link white pv2 ph3" href="https://ko-fi.com/dcgsim" target="_blank">Support on Ko-fi</a>
</div>
</div>
<div id="experience" class="v-mid relative w-100 bg-dcgs">
<div id="totalexperience"></div>
</div>
<div class="stats relative pa1 w-100 flex flex-row bg-dcgs horizontal dragscroll c-drag">
<div class="ph2 w5 flex items-center">
<img class="w1 h1" src="img/version.gif" alt="version" /> <span id="version">0</span>
</div>
<div class="ph2 w5 flex items-center">
<img class="w1 h1" src="img/coin.gif" alt="coin" /> <span id="money" class="ph1">0</span> (<span id="moneysec">0</span>/sec)
</div>
<div class="ph2 w5 flex items-center">
<img class="w1 h1" src="img/level.gif" alt="level" /> Lvl. <span id="level" class="ph1">1</span>
</div>
<div class="ph2 w5 flex items-center">
<img class="w1 h1" src="img/catnip.gif" alt="catnip" /> <span id="catnipinv" class="ph1">0</span>
</div>
</div>
<section id="sim" class="simulator w-100 fixed bottom-0 flex flex-row bg-dark-gray bt bw3 b--near-black horizontal dragscroll c-drag">
<div id="room" class="br bw3 b--near-black">
<span class="pa3 f3"><span class="petname">Pet</span>'s room</span>
<div id="floor"></div>
<div id="achievements" class="c-hand"></div>
<div id="wardrobe" class="c-hand"></div>
<div id="catgirl" class="c-hand">
<div class="zombify dn"></div>
<div id="talk" class="dialog dn"></div>
<div id="emote" class="dialog dn"></div>
</div>
<div class="statusbars flex flex-row">
<div class="w5">
<span>Thirst</span>
<progress id="thirst" class="status"></progress>
</div>
<div class="mh2 w5">
<span>Hunger</span>
<progress id="hunger" class="status"></progress>
</div>
<div class="w5">
<span>Affection</span>
<progress id="affection" class="status"></progress>
</div>
</div>
</div>
<div class="hallway">
<div id="floor"></div>
<div id="door" class="c-hand"></div>
</div>
<div class="office bl bw3 b--near-black">
<span class="pa3 f3"><span class="mastername">Master</span>'s office</span>
<div id="floor"></div>
<div id="desk"></div>
<div id="work" class="c-hand laptop"></div>
<div id="nyawei" class="c-hand">
<div class="screen flex ttu">
</div>
</div>
</div>
</section>
<section id="farm" class="simulator w-100 fixed bottom-0 dn bg-dark-gray bt bw3 b--near-black horizontal dragscroll c-drag">
<div class="land w-100 br bw3 b--near-black">
<span class="pa3 f3">Catnip Farm</span>
<div class="crops flex flex-wrap">
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
<span class="catnip"></span><span class="catnip"></span>
</div>
</div>
</section>
<section id="morphing" class="simulator w-100 fixed bottom-0 dn bg-dark-gray bt bw3 b--near-black horizontal dragscroll c-drag">
<div class="lab w-100 br bw3 b--near-black">
<span class="pa3 f3">Morphing Lab</span>
<div id="floor" class="w-100"></div>
<div class="morphingback"></div>
<div id="catgirl"></div>
<div class="morphingfront"></div>
<span class="custom-select">
<select>
<option value="0">Select Trait</option>
<option value="1">Cat</option>
<option value="2">Cow</option>
<option value="3">Dragon</option>
<option value="4">Fox</option>
<option value="5">Pony</option>
<option value="6">Wolf</option>
</select>
</span>
</div>
</section>
<section id="doctor" class="simulator w-100 fixed bottom-0 dn bg-dark-gray bt bw3 b--near-black horizontal dragscroll c-drag">
<div class="doc w-100 br bw3 b--near-black">
<span class="pa3 f3">Doctor Bogus</span>
<div id="floor" class="w-100"></div>
</div>
</section>
<div id="openwardrobe" class="popup fixed pa3 bg-near-black ba bw1 dn">
<span class="title mb2 tc">Inventory</span>
<ul class="list pa0 menu flex flex-row items-center justify-center">
<li class="active c-hand ph2" data-type="all">All</li>
<li class="c-hand ph2" data-type="body">Body</li>
<li class="c-hand ph2" data-type="head">Head</li>
<li class="c-hand ph2" data-type="tops">Tops</li>
<li class="c-hand ph2" data-type="bottoms">Bottoms</li>
<li class="c-hand ph2" data-type="decoration">Decoration</li>
</ul>
<div id="inventory" class="flex flex-column items-center">
<!--Owned items-->
</div>
<div id="closewardrobe" class="c-hand w4 center mv3 pt2 pb1 f3 tc ttu ba">
<span>Close</span>
</div>
</div>
<div id="upgradestore" class="popup fixed pa3 bg-near-black ba bw1 dn">
<span class="title mb2 tc">Upgrade Store</span>
<div id="buyfasterlaptops" class="upg c-hand grow ma2 ba">
<small class="db pa1 tc ttu">Increase click power</small>
<span class="title pt3 tc">Faster Laptops</span>
<div class="pa2 flex flex-row justify-between">
<span>Cost: <span id="costfasterlaptops">0</span></span>
<span>Owned: <span id="amountfasterlaptops">0</span></span>
</div>
</div>
<div id="buycatcoinminer" class="upg c-hand grow ma2 ba">
<small class="db pa1 tc ttu">Increase idle power</small>
<span class="title pt3 tc">CatCoin Miner</span>
<div class="pa2 flex flex-row justify-between">
<span>Cost: <span id="costcatcoinminer">0</span></span>
<span>Owned: <span id="amountcatcoinminer">0</span></span>
</div>
</div>
<div id="exitupgradestore" class="c-hand mt3 tc">
<span class="pt2 pb1 ph3 f3 ttu ba">Exit</span>
</div>
</div>
<div id="shoppingmall" class="popup fixed pa3 bg-near-black tc ba bw1 dn">
<span class="title tc">Shopping Mall</span>
<ul class="list pa0 menu flex flex-row items-center justify-center">
<li class="active c-hand ph2" data-type="all">All</li>
<li class="c-hand ph2" data-type="body">Body</li>
<li class="c-hand ph2" data-type="head">Head</li>
<li class="c-hand ph2" data-type="tops">Tops</li>
<li class="c-hand ph2" data-type="bottoms">Bottoms</li>
<li class="c-hand ph2" data-type="decoration">Decoration</li>
</ul>
<div id="shop" class="list flex flex-column items-center">
<!--Unowned items-->
</div>
<div id="exitshoppingmall" class="c-hand mt3 tc">
<span class="pt2 pb1 ph3 f3 ttu ba">Exit</span>
</div>
</div>
<div id="lootcrateshop" class="popup fixed pa3 bg-near-black tc ba bw1 dn">
<span class="title tc">Loot Crate Shop</span>
<span>(Coming soon)</span>
<div id="exitlootcrateshop" class="c-hand w4 center mt3 pt2 pb1 f3 ttu ba">
<span>Exit</span>
</div>
</div>
<div id="openachievements" class="popup fixed pa3 bg-near-black ba bw1 dn">
<span class="title tc">Achievements</span>
<div class="achievements flex flex-column items-center">
<div class="saymyname w-100 ma2 pa2 flex bg-black-50">
<img class="imgsaymyname w3 h3 mr2" src="">
<span><span class="namesaymyname title pb2"></span><span class="descsaymyname db pv2 bt bw1 b--dcgs"></span></span>
</div>
<div class="catbabtism w-100 ma2 pa2 flex bg-black-50">
<img class="imgcatbabtism w3 h3 mr2" src="">
<span><span class="namecatbabtism title pb2"></span><span class="desccatbabtism db pv2 bt bw1 b--dcgs"></span></span>
</div>
</div>
<div id="closeachievements" class="c-hand w4 center mt3 pt2 pb1 f3 tc ttu ba">
<span>Close</span>
</div>
</div>
<div class="popsaymyname notify fixed pa2 bg-near-black tc ba bw1 dn">
<span class="title mb2">Achievement Unlocked!</span>
<span class="flex items-center"><img class="imgsaymyname mr2" src""><span><span class="namesaymyname title mv2"></span><span class="descsaymyname db pv2 bt bw1 b--dcgs"></span></span><span class="ml4 f3"><span class="mb1 db f5">Reward:</span><span class="xpsaymyname"></span> XP</span></span>
</div>
<div class="popcatbabtism notify fixed pa2 bg-near-black tc ba bw1 dn">
<span class="title mb2">Achievement Unlocked!</span>
<span class="flex items-center"><img class="imgcatbabtism mr2" src""><span><span class="namecatbabtism title mv2"></span><span class="desccatbabtism db pv2 bt bw1 b--dcgs"></span></span><span class="ml4 f3"><span class="mb1 db f5">Reward:</span><span class="xpcatbabtism"></span> XP</span></span>
</div>
<div id="map" class="fixed top-0 w-100 vh-100 pa3 bg-black-90 dn">
<div id="mapinner" class="flex flex-column items-center justify-center tc">
<span class="title mv4 f3 tc">Where do you want to go?</span>
<span class="mv3 f3">Neighborhood</span>
<div class="flex flex-row">
<div class="togglescene c-hand ma2 grow pa2 bg-dark" data-scene="dcgs">
<span class="title mb2 f3">Home</span>
<span>I don't feel like going outside.</span>
</div>
<div class="togglescene c-hand grow ma2 pa2 bg-dark" data-scene="farm">
<span class="title mb2 f3">Catnip Farm</span>
<span>Farm Catnip to consume or sell.</span>
</div>
</div>
<span class="mv3 f3">Stores</span>
<div class="flex flex-row">
<div id="gotoupgradestore" class="c-hand grow ma2 pa2 bg-dark">
<span class="title mb2 f3">Upgrade Store</span>
<span>Buy work supplies to help you earn money faster.</span>
</div>
<div id="gotoshoppingmall" class="c-hand grow ma2 pa2 bg-dark">
<span class="title mb2 f3">Shopping Mall</span>
<span>Buy clothes and furniture for your catgirl.</span>
</div>
<div id="gotolootcrateshop" class="c-hand grow ma2 pa2 bg-dark">
<span class="title mb2 f3">Loot Crate Shop</span>
<span>Buy loot crates to get exclusive items.</span>
</div>
</div>
<span class="mv3 f3">Facilities</span>
<div class="flex flex-row">
<div class="togglescene c-hand grow ma2 pa2 bg-dark" data-scene="doctor">
<span class="title mb2 f3">Doctor Bogus</span>
<span>Self certified doctor that doubles as a potion seller.</span>
</div>
<div class="togglescene c-hand grow ma2 pa2 bg-dark" data-scene="morphing">
<span class="title mb2 f3">Morphing Lab</span>
<span>Genetical pet engineering.</span>
</div>
</div>
<div id="closemap" class="ma4 f3">Close Map</div>
</div>
</div>
<div id="notify" class="fixed pa3 bg-near-black tc ba bw1 dn">
<span id="note" class="f3 tc db"></span>
<span id="closenote" class="c-hand w4 center mt3 pt2 pb1 f3 ttu ba db">OK</span>
</div>
<section id="options" class="relative w-100 min-vh-100 bg-black-50 dn">
<div class="w-70 center flex flex-column">
<h1 class="mt4 fw1 f1 tc">Options</h1>
<div class="mv3 flex flex-row justify-around f3">
<div>
<h3 class="mv2 fw1 f3">Change pet name</h3>
<input id="petinput" class="input-reset ma0 white bg-transparent bn" maxlength="16" placeholder="Pet" type="text">
<button id="editpetname" class="ma0 white bg-transparent bn c-hand">OK</button>
</div>
<div>
<h3 class="mv2 fw1 f3">Change your name</h3>
<input id="masterinput" class="input-reset ma0 white bg-transparent bn" maxlength="16" placeholder="Master" type="text">
<button id="editmastername" class="ma0 white bg-transparent bn c-hand">OK</button>
</div>
</div>
<div class="mv4 h1 bg-black-50"></div>
<div class="mv3 flex flex-row justify-around f3">
<span id="save" class="db mv2 c-hand">Manual save</span>
<span id="mute" class="db mv2 c-hand">Mute sounds</span>
</div>
</div>
</section>
<section id="wiki" class="w-100 min-vh-100 bg-black-50 dn">
<div class="w-70 center flex flex-column">
<div class="pa3 f3 lh-copy">
<h1 class="ma0 fw1 f1 tc">Wiki</h1>
<p>Coming soon</p>
</div>
</div>
</section>
<section id="about" class="w-100 min-vh-100 bg-black-50 dn">
<div class="w-70 center flex flex-column">
<div class="pa3 f3 lh-copy">
<h1 class="ma0 fw1 f1 tc">About</h1>
<p>Domesticated Catgirl Simulator (or DCGS for short) is a simulation game that is currently experienced in your browser. The concept of it is to domesticate a "nekomimi" by working hard and spoiling harder.</p>
<p>We are aiming bigger in development for mobile apps and also trying to head Steam's way and we want to publish our cute pets at their platform.</p>
<p>Read more on our Ko-fi page by clicking the respective link below.</p>
</div>
<div class="pa3 f4 flex flex-row">
<a class="link white pv2 ph3" href="https://discordapp.com/invite/RKZCjKb" target="_blank">Join on Discord</a>
<a class="link white pv2 ph3" href="https://ko-fi.com/dcgsim" target="_blank">Support on Ko-fi</a>
</div>
</div>
</section>
<img src="img/logo.gif" class="absolute ma3 o-50" alt="logo" />
<script src="js/script.js"></script>
<script src="js/dragscroll.js"></script>
<!--<script src="js/vex.combined.js"></script>-->
</body>
</html>