-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwork.html
478 lines (417 loc) · 15.9 KB
/
work.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
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
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--- Metadata --->
<meta name="title" content="AlexMango.tk" />
<meta name="description" content="Welcome to my Website!" />
<meta name="keywords" content="Games programming, University" />
<meta name="author" content="AlexMango" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="http://alexmango.tk/" />
<meta property="og:title" content="AlexMango.tk" />
<meta property="og:description" content="Welcome to my Website!" />
<meta
property="og:image"
content="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/shirou.png?v=1664809102616"
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="http://alexmango.tk/" />
<meta property="twitter:title" content="AlexMango.tk" />
<meta property="twitter:description" content="Welcome to my Website!" />
<meta
property="twitter:image"
content="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/shirou.png?v=1664809102616"
/>
<link
rel="icon"
href="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/shirou.png?v=1664809102616"
/>
<title>Uni Work!</title>
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- import the webpage's javascript file -->
<script src="/script.js" defer></script>
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
/>
</head>
<body>
<!-- this is the start of content -->
<div class="topnav" id="myTopnav">
<a href="index.html">Homepage!</a>
<a href="form.html">Suggestions!</a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Free Cookies!</a>
<a href="work.html" class="active">Uniwork!</a>
<a href="socials.html">Social media!</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<p></p>
<input type="checkbox" id="switch" />
<div class="switch-btn">
<label for="switch">
<div class="icons">
<span class="material-symbols-rounded"> light_mode </span>
<span class="material-symbols-rounded"> nights_stay </span>
</div>
</label>
</div>
<h1 id="header">Preview of the Work i've done for Uni or myself!</h1>
<p id="paragraph">Whenever possible, I'll upload work directly here!</p>
<p id="paragraph2">The work will be shown below.</p>
<iframe
frameborder="0"
src="https://itch.io/embed/1231538?linkback=true&bg_color=000000&fg_color=eeeeee&link_color=3c3c3c&border_color=363636"
width="552"
height="167"
><a href="https://alexmango.itch.io/text-adventure-main-menu"
>2D Game (Text-Based) by AlexMango</a
></iframe
>
<iframe
frameborder="0"
src="https://itch.io/embed/1437458?linkback=true&bg_color=000000&fg_color=ed0603&link_color=2cab00"
width="552"
height="167"
><a href="https://alexmango.itch.io/sdl-sword-forger"
>SDL Sword Forger by AlexMango</a
></iframe
>
<iframe
frameborder="0"
src="https://itch.io/embed/1771353?linkback=true&bg_color=880000&fg_color=46bf00&link_color=46bf00&border_color=53b01e"
width="552"
height="167"
><a href="https://alexmango.itch.io/secret-santa-sorter"
>Secret Santa Sorter by AlexMango</a
></iframe
>
>
<p id="paragraph3">
<a href="https://forms.gle/KaWY2NquCYoztP218"
>Like my work or have any suggestion? Answer this form!</a
>
</p>
<p id="paragraph4">
<a href="https://alexmango.itch.io"
>I may upload games and software I've done here!</a
>.
</p>
<p id="paragraph4">
<a href="https://github.com/AlexGama11"
>Source code for my projects will be here!</a
>.
</p>
<iframe
src="https://github.com/sponsors/AlexGama11/button"
title="Sponsor me on Github!"
height="35"
width="116"
style="border: 0"
></iframe>
<p id="paragraph">You can also sponsor me on Github!</p>
<p id="VR">
<a href="aframe.html"
>Check out some objects i coded in VR using A-Frame!</a
>.
</p>
<p>
Here are some videos showcasing part of my work, will be updated with more
recordings later!
</p>
<iframe
width="420"
height="315"
src="https://www.youtube.com/embed/yxDvz2ZW6-c?controls=1"
>
</iframe>
<iframe
width="420"
height="315"
src="https://www.youtube.com/embed/IE56-upZL80?controls=1"
>
</iframe>
<p>Here are some 2D Sprites i've made for some of my games!</p>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/Shirou.png?v=1675821049601"
alt="Shirou Emiya Sprite Icon"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/ShirouIconCaladbolg.png?v=1675820481786"
alt="Shirou Emiya Sprite Icon with Caladbolg"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/ShirouIconExcalibur.png?v=1675820485060"
alt="Shirou Emiya Sprite Icon with Excalibur"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/ShirouUBW.gif?v=1675820465678"
alt="Shirou Emiya Sprite Gif"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/Sword%20Treasure%201%20Gil.png?v=1675820469835"
alt="Sword Sprites"
width="250"
height="300"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/Golden%20Apple.png?v=1675820477015"
alt="Golden Apple Sprite"
width="250"
height="300"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/Ball.gif?v=1675820488142"
alt="Ball Gif Sprite"
/>
<img
src="https://cdn.glitch.global/56855dbd-c685-47e7-8866-0983db1c6655/Sprite-0001.gif?v=1675820515835"
alt="Jumping Smile Sprite"
/>
<p>
<button onclick="toggleAssignment()">
Hide/Show 1st Year Game Review Assignment
</button>
</p>
<div id="Assignment" style="display: none">
<p>
Hello, my name is Alex, and the game I am going to review today is Fate
Grand Order. It is a single player game. It is fairly simple; players
can beat the full game with any character. Battles are turn-based, with
the difficulty increasing as the story progresses. The mechanics are
easy to learn, as there are only 3 attack types per character.
</p>
<p>
The User Interface for this game is pleasant and fit in with the game’s
theme and story. Players can customize how the text appears in game. The
controls are easy. There are no cheats. The game is set in a high-tech
environment, and the graphics match the mood, with holograms of the
planet’s surface on the main menu’s background. The art style is an
anime art style, although most characters have a different illustrator.
</p>
<p>Edmond Dantės (Count of Monte Cristo)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010143_edit_4572808187733491.jpg?v=1636680226251"
alt="Dantes"
width="500"
height="600"
/>
</p>
<p>Asclepius (Father of Medicine)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010359_edit_4572820175525677.jpg?v=1636680322296"
alt="Asclepius"
width="500"
height="600"
/>
</p>
<p>
The music is great and matches the mood. Due to a recent Unity Engine
Update, the game has gotten faster, and it runs better on Android
phones. Depictions of violence are kept PG. The story is the main focus
of the game, and it is skippable. It is set in 2018, on the Chaldea
Security Organisation, which was set to protect humanity. The main
character must time travel into the past in order to prevent the end of
Humanity, while fighing alongside historical heroes. Each era has a
destabilizing factor, the Holy Grail. Story chapters expand the world,
and the player visits locations such as Joan of Arc’s France, Nero’s
Rome, 1800’s London, and Gilgamesh’s city of Uruk. One progresses
through the story like a visual novel, with dialogue and cutscenes and
multiple choices. The game has extra quests such as “Interludes” and
“Rank-Up Quests” which revisit locations, they serve to power up allies
and to build their character.
</p>
<p>France (1431)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010550_com.aniplex.fategrandorder.en_edit_4572853144756401.jpg"
alt="Orleans"
width="500"
height="600"
/>
</p>
<p>Roman Empire (60)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010541_com.aniplex.fategrandorder.en_edit_4572846205417860.jpg"
alt="Septem"
width="500"
height="600"
/>
</p>
<p>London (1888)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010528_com.aniplex.fategrandorder.en_edit_4572838829148591.jpg"
alt="London"
width="500"
height="600"
/>
</p>
<p>Mesopotamia (2655 B.C.)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010511_com.aniplex.fategrandorder.en_edit_4572830999464217.jpg"
alt="Babylonia"
width="500"
height="600"
/>
</p>
<p>
The main character is customizable, the player may swap their gender and
clothing, with each set of clothes providing different skills. Heroes
and villains have varied backgrounds, and may be customised as well, and
while most of them are European, there are several from other countries
such as Qin Shi Huang of China (Chinese Emperor), or Karna from India
(epic hero from the Mahabharata). The game gets biweekly updates and is
replayable.
</p>
<p>Player Profile (Male)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010636_com.aniplex.fategrandorder.en_edit_4572861537461087.jpg"
alt="Gudao"
width="500"
height="600"
/>
</p>
<p>Player Profile (Female)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010639_com.aniplex.fategrandorder.en_edit_4572867765652232.jpg"
alt="Gudako"
width="500"
height="600"
/>
</p>
<p>Mystic Code (Captain Chaldea)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010918_com.aniplex.fategrandorder.en_edit_4572885550454313.jpg"
alt="Saber Wars"
width="500"
height="600"
/>
</p>
<p>Mystic Code (Tropical Summer)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010913_com.aniplex.fategrandorder.en_edit_4572877006133481.jpg"
alt="Honolulu"
width="500"
height="600"
/>
</p>
<p>Mystic Code (True Ether)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_010923_com.aniplex.fategrandorder.en_edit_4572911000741809.jpg"
alt="Babylonia - Mystic Code"
width="500"
height="600"
/>
</p>
<p>Edmond Dantės (Summer)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011122_com.aniplex.fategrandorder.en_edit_4573003732164711.jpg"
alt="Summer Dantes"
width="500"
height="600"
/>
</p>
<p>Karna (Hero of Charity)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011022_com.aniplex.fategrandorder.en_edit_4572950932536074.jpg"
alt="Lancer of Red"
width="500"
height="600"
/>
</p>
<p>Karna (Robe of the Fiery Three Gods)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011013_com.aniplex.fategrandorder.en_edit_4572922723626703.jpg"
alt="Super Karna"
width="500"
height="600"
/>
</p>
<p>Qin Shi Huang (The First Emperor)</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011030_com.aniplex.fategrandorder.en_edit_4572964918936072.jpg"
alt="King of Qin"
width="500"
height="600"
/>
</p>
<p>
Fate Grand order is a Mobile Gacha Game, which means it makes money off
of micro transactions akin to gambling. A Player may spend money on
currency named Saint Quartz and use it to revive themselves during
gameplay or to summon new servants, this currency can also be obtained
for free while playing the game.
</p>
<p>Summon Menu</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011137_com.aniplex.fategrandorder.en_edit_4573015795866793.jpg"
alt="Rate-up is a lie"
width="500"
height="600"
/>
</p>
<p>Buying SQ Menu</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FScreenshot_20211112_011204_com.aniplex.fategrandorder.en_edit_4573028177223041.jpg"
alt="SQ hell"
width="500"
height="600"
/>
</p>
<p>
In conclusion, while Fate Grand Order is a time-consuming game that
requires farming and possibly money, however, the story is extremely
good, and the characters are interesting. While I do not recommend
spending money on this game, except during festivity time, I do
recommend everyone to play and enjoy the aspects of this game I have
been loving for the past year. The game teaches interesting aspects
about heroes and legends, such as the legend of Gilgamesh, and his
friendship with the monster of the forest Enkidu.
</p>
<p>All screenshots obtained by me.</p>
<p>
Thank you very much for reading my review! Hope I didn't take much of
your time!
</p>
<p>
<img
src="https://cdn.glitch.me/56855dbd-c685-47e7-8866-0983db1c6655%2FIMG_20211112_012106.jpg"
alt="Moriarty"
width="500"
height="600"
/>
</p>
</div>
<p>
<button class="btn-toggle">Toggle Dark-Mode</button>
</p>
</body>
</html>