-
Notifications
You must be signed in to change notification settings - Fork 0
/
Save_Nautica.html
298 lines (279 loc) · 13.8 KB
/
Save_Nautica.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/images/website_icon.ico">
<title>Save Nautica - Mimolet</title>
<link rel="stylesheet" href="./assets/css/main_style.css">
<link rel="stylesheet" href="./assets/css/games_style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="./assets/javascript/index_script.js"></script>
<script src="./assets/javascript/language_script.js"></script>
</head>
<body class="dark">
<main>
<div class="top-bg save-nautica">
<div class="left-buttons">
<a href="https://themimolet.github.io/">
<div class="menu-buttons" id="return-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-back-up" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="1.5" stroke="var(--icon)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M9 14l-4 -4l4 -4" />
<path d="M5 10h11a4 4 0 1 1 0 8h-1" />
</svg>
</div>
</a>
</div>
<div class="right-buttons">
<!-- Dark mode button -->
<div class="menu-buttons" id="dark-mode-btn">
<svg class="icon-light" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon-stars" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="1.5" stroke="var(--icon)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
<path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" />
<path d="M19 11h2m-1 -1v2" />
</svg>
<svg class="icon-dark" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sun" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="1.5" stroke="var(--icon)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<circle cx="12" cy="12" r="4" />
<path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" />
</svg>
</div>
<!-- Languages button -->
<div class="menu-buttons" id="languages-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="1.5" stroke="var(--icon)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M4 5h7" />
<path d="M9 3v2c0 4.418 -2.239 8 -5 8" />
<path d="M5 9c-.003 2.144 2.952 3.908 6.7 4" />
<path d="M12 20l4 -9l4 9" />
<path d="M19.1 18h-6.2" />
</svg>
</div>
<!-- Languages dropdown -->
<div id="languages-dropdown">
<div id="english-btn">EN</div>
<div id="french-btn">FR</div>
<div id="german-btn">DE</div>
<div id="italian-btn">IT</div>
</div>
</div>
</div>
<h1>Save Nautica</h1>
<!-- Save Nautica's Presentation -->
<div class="presentation">
<iframe width="560" height="315" src="https://www.youtube.com/embed/N1d5eWZLMTc?si=V6dnzckwPQ28fSsG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!-- Save Nautica's Description -->
<div class="description">
<p class="english">
Save Nautica is a game where you control Trashbot, a robot whose mission is to collect all trash dumped into the ocean.
But beware, Trashbot got a limited amount of time where he can be underwater.
</p>
<p class="french">
Save Nautica est un jeu dans lequel vous contrôlez Trashbot, un robot dont la mission est de collecter tous les déchets jetés dans l'océan.
Mais attention, Trashbot a un temps limité où il peut être sous l'eau.
</p>
<p class="german">
Save Nautica ist ein Spiel, in dem Sie Trashbot steueren, einen Roboter, dessen Mission es ist, den ganzen Müll einzusammeln, der ins Meer geworfen wird.
Aber seien Sie vorsichtig, Trashbot hat eine begrenzte Zeit, in der er unter Wasser sein kann.
</p>
<p class="italian">
Save Nautica è un gioco in cui controlli Trashbot, un robot la cui missione è raccogliere tutta la spazzatura gettata nell'oceano.
Ma fai attenzione, Trashbot ha un tempo limitato in cui può stare sott'acqua.
</p>
</div>
<table class="game-info">
<tr>
<td>
<span class="english">Developers</span>
<span class="french">Développeurs</span>
<span class="german">Entwickler</span>
<span class="italian">Sviluppatori</span></td>
<td class="left"><a href="https://gaetan-piou.itch.io/">Gaëtan Piou</a>, <a href="https://kurozo.itch.io/">Kurozo</a> & Mimolet</td>
</tr>
<tr>
<td>
<span class="english">Start of project</span>
<span class="french">Début de projet</span>
<span class="german">Anfang des projects</span>
<span class="italian">Inizio del progetto</span>
</td>
<td>
<span class="english">March 2023</span>
<span class="french">Mars 2023</span>
<span class="german">März 2023</span>
<span class="italian">Marzo 2023</span>
</td>
</tr>
<tr>
<td>
<span class="english">Languages</span>
<span class="french">Langues</span>
<span class="german">Sprachen</span>
<span class="italian">Lingue</span>
</td>
<td>
<span class="english">French</span>
<span class="french">Français</span>
<span class="german">Französich</span>
<span class="italian">Francese</span>
</td>
</tr>
<tr>
<td>
<span class="english">Platforms</span>
<span class="french">Plateformes</span>
<span class="german">Plattformen</span>
<span class="italian">Piattaforme</span>
</td>
<td>HTML 5</td>
</tr>
<tr>
<td>
<span class="english">Engine</span>
<span class="french">Moteur</span>
<span class="german">Motor</span>
<span class="italian">Motore</span>
</td>
<td>Construct 3 </td>
</tr>
</table>
<!-- Play button -->
</div>
<div class="play">
<p>
<span class="english">Play</span>
<span class="french">Jouer à </span>
<span class="italian">Gioca a</span>
Save Nautica
<span class="german">spielen</span>
</p>
<div class="play-list">
<!-- <a href="https://themimolet.itch.io/save-nautica" class="game-link-btn download-btn">
<span class="english">Download</span>
<span class="french">Télécharger</span>
<span class="german">Herunterladen</span>
<span class="italian">Scaricamento</span>
</a> -->
<a href="https://themimolet.itch.io/save-nautica" class="game-link-btn itch-btn">
<span class="english">Play on Itch</span>
<span class="french">Jouer sur Itch</span>
<span class="german">Spielen auf Itch</span>
<span class="italian">Giocare su Itch</span>
</a>
</div>
</div>
<hr width="35%">
<div>
<h2>
<span class="english">About this game</span>
<span class="french">À propos de ce jeu</span>
<span class="german">Über dieses Spiel</span>
<span class="italian">Informazioni sul gioco</span>
</h2>
<div class="english">
<p>
"We present you TrashBot™, a little robot, the best at sucking up trash from the ocean, that you can control from the comfort of your home !
It’s fast, efficient, and it’s all we need to fight the pollution in the ocean ! And I almost forgot, I am in the obligation to tell you that the autonomy of its battery is relatively low..
And also, don't suck up fishes, it goes without saying."
</p>
<p>
This game was made for the Ludus Octopus Jam 2023. The latter had for theme The Protection of the oceans.
So the game had to be about sea fauna and its environment.
</p>
</div>
<div class="french">
<p>
"Nous vous présentons TrashBot™, un petit robot, le meilleur pour aspirer les déchets des océans, que vous pourrez contrôler à distance depuis le confort de chez vous !
C'est rapide, efficace et c'est tout ce dont nous avons besoin pour combattre la pollution dans les océans ! Et j'ai faillis oublier, je suis dans l'obligation de vous dire que l'autonomie de la batterie est relativement faible..
Et aussi n'aspirez pas les poissons, cela va de soi."
</p>
<p>
Ce jeu a été réalisé pour la Ludus Octopus Jam 2023. Cette dernière avait pour thème La Protection des Océans.
Le jeu devait donc porter sur la faune marine et son environnement.
</p>
</div>
<div class="german">
<p>
„Wir präsentieren Ihnen TrashBot™, einen kleinen Roboter, der sich am besten zum Aufsaugen von Meeresmüll eignet und den Sie bequem von zu Hause aus fernsteuern können!“
Es ist schnell, effektiv und das ist alles, was wir brauchen, um die Verschmutzung der Ozeane zu bekämpfen! Und fast hätte ich es vergessen, ich muss euch sagen, dass die Akkulaufzeit relativ gering ist.
Und den Fisch auch nicht aufsaugen, das versteht sich von selbst.“
</p>
<p>
Dieses Spiel wurde für den Ludus Octopus Jam 2023 entwickelt. Das Thema des letzteren war Schutz der Ozeane.
Das Spiel musste sich daher auf die Meeresfauna und ihre Umwelt konzentrieren.
</p>
</div>
<div class="italian">
<p>
"Ti presentiamo TrashBot™, un piccolo robot, il migliore per aspirare i rifiuti oceanici, che potrai controllare a distanza comodamente da casa tua!
È veloce, efficace ed è tutto ciò di cui abbiamo bisogno per combattere l'inquinamento degli oceani! E quasi dimenticavo, devo dirvi che la durata della batteria è relativamente bassa..
E poi non aspirare il pesce, questo è ovvio."
</p>
<p>
Questo gioco è stato realizzato per la Ludus Octopus Jam 2023. Il tema di quest'ultima era la Protezione degli Oceani.
Il gioco doveva quindi concentrarsi sulla fauna marina e sul suo ambiente.
</p>
</div>
</div>
<div>
<h2>
<span class="english">How to play</span>
<span class="french">Comment jouer</span>
<span class="german">Wie spielen</span>
<span class="italian">Come giocare</span>
</h2>
<div class="english">
<ul>
<li>Use the arrows or Q/D to turn around</li>
<li>Press W or Z to move forward</li>
<li>Press X or SPACE to open/close TrashBot™</li>
</ul>
<p>Get a maximum of trash et go back to the surface before the timer ends !</p>
</div>
<div class="french">
<ul>
<li>Utilisez les flèches directionnelles ou Q/D pour tourner</li>
<li>Appuyez sur W ou Z pour avancer</li>
<li>Appuyez sur X ou ESPACE pour ouvrir/fermer TrashBot™</li>
</ul>
<p>Récupérez un maximum de déchets et remontez à la surface avant la fin du temps imparti !</p>
</div>
<div class="german">
<ul>
<li>Verwenden Sie die Richtungspfeile oder Q/D zum Drehen</li>
<li>Drücken Sie W oder Z, um vorwärts zu gehen</li>
<li>Drücken Sie X oder die LEERTASTE, um TrashBot™ zu öffnen/schließen</li>
</ul>
<p>Sammeln Sie so viel Müll wie möglich und kehren Sie an die Oberfläche zurück, bevor die Zeit abläuft!</p>
</div>
<div class="italian">
<ul>
<li>Utilizza le frecce direzionali o Q/D per girare</li>
<li>Premi W o Z per andare avanti</li>
<li>Premi X o SPAZIO per aprire/chiudere TrashBot™</li>
</ul>
<p>Raccogli quanta più spazzatura possibile e torna in superficie prima che scada il tempo!</p>
</div>
</div>
<div>
<h2>
<span class="english">Credits</span>
<span class="french">Crédits</span>
<span class="german">Krediten</span>
<span class="italian">Crediti</span>
</h2>
<ul>
<li>Mimolet : Game Design, Programming & Art</li>
<li><a href="https://gaetan-piou.itch.io/">Gaëtan Piou</a> : Game Design, Programming, Music</li>
<li><a href="https://kurozo.itch.io/">Kurozo</a> : Game Design, Programming</li>
</ul>
</div>
<div id="org-gallery">
<a class="" href="https://ludus-academie.fr/"><img src="./assets/images/logos/ludus.png" alt="Ludus Thumbnail"></a>
<a class="far-right-thumbnail" href="https://www.facebook.com/octopus.ntw/"><img src="https://scontent-cdg4-3.xx.fbcdn.net/v/t39.30808-1/245653354_421032116045994_4451995843542348988_n.jpg?stp=dst-jpg_p200x200&_nc_cat=111&ccb=1-7&_nc_sid=596444&_nc_ohc=wkvDKWXZTP8AX8NCaQd&_nc_ht=scontent-cdg4-3.xx&oh=00_AfDhBOx_d0jO54Zc0xmJLsQ2u2XCk7gqViqZC0szwoh5CQ&oe=65CE7169" alt="Octop'us Thumbnail"></a>
</div>
</main>
</body>
</html>