-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgaming.html
188 lines (172 loc) · 11.8 KB
/
gaming.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
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Luca Src</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gaming.html" class="active">Gaming</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="misc.html">Miscellaneous</a></li>
</ul>
</nav>
<header>
<span class="image avatar"><img src="images/liguria.jpg" alt="" /></span>
<h1 id="logo"><a href="#">Luca Surace</a></h1>
<p>PhD candidate in Computer Graphics & Human Perception</p>
</header>
<nav id="nav">
<ul>
<li><a href="#uni" class="active">University</a></li>
<li><a href="#lam">LaM</a></li>
<li><a href="#newspaper">Play the Headlines</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="https://scholar.google.it/citations?user=UZeU9wIAAAAJ&hl=it" class="icon brands fa fa-google"><span class="label">Scholar</span></a></li>
<li><a href="https://github.com/lukeoverride" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://www.linkedin.com/in/lukeoverride" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- Three -->
<section id="uni">
<div class="container">
<h3>University</h3>
<p>During the years, I had the chance to develop or supervise the development of several little videogames. I reported here the ones that are for me most representative.</p>
<div class="features">
<article>
<a class="image"><img src="images/madsnowman.jpg" width="320" alt="" /></a>
<div class="inner">
<h4>Mad Snowman, 2014</h4>
<p>
When you get lost in a maze, find the right path to exit is not the only thing you have to take care about.
The big problem is to escape from a mad snowman who wants to kill you. You can defend yourself by shooting snow balls.
But the weather changes and could be very foggy, so don’t waste your time!</br>
Technical features: C++, OpenGL compatibility profile, AI basic, physics (basic).
</p>
</div>
</article>
<article>
<a href="#" class="image"><iframe width="320" height="200" src="https://www.youtube-nocookie.com/embed/LDTgFGYYdJs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></a>
<div class="inner">
<h4>An unical experience - Un'esperienza Unical, 2014</h4>
<p>
An Unical Experience is an Indie videogame developed in team by me and other two collegues
at University of Calabria.
The location is right our university, the Bucci’s Bridge.
You have to run through the famous bridge and avoids the obstacles!
</br>
Technical features: Java JMonkey, Blender, AI basic, network.
</p>
</div>
</article>
<article>
<a href="#" class="image"><iframe width="320" height="200" src="https://www.youtube-nocookie.com/embed/jAKD8JPk0Io" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></a>
<div class="inner">
<h4>Waldo - The Asset Quest, 2016</h4>
<p>
Waldo, The Asset Quest is a Third Person Shooter. The player is the sentient robot Waldo who travels around dimensions without any conceptual meaning.
The game represents a great challenge, since there are no health collectables or tutorial. All of this makes the player in a confused state which evolves in the consciousness of his means and game mechanics.
In addition, there are many dangers hanging over the player (traps, enemies, bullets, etc.).<br />
Technical features: Unity, C#. <br />
<a href="https://www.dropbox.com/s/qqh5z7wo42w2tw8/Waldo.rar?dl=0">Download and Play</a>
</p>
</div>
</article>
</div>
</div>
</section>
<section id="lam">
<div class="container">
<h3>Laboratorio di Maturità</h3>
<p>
Università della Svizzera italiana has an agreement with the high school Liceo Lugano 2
for supervising projects of computer science. I have been part of the project for three years.
</p>
<div class="features">
<article>
<a href="naiade/index.html" class="image"><img src="images/claudia_livello1.png" width="320" /></a>
<div class="inner">
<h4>Naiade, 2020</h4>
<p>
This videogame is a gamification of the life of Claudia, an italian photographer who suffers from Small fiber peripheral neuropathy.
In the first level Claudia is at the hospital, and has to escape from nurses.
In the second level she is back at home, and needs to take medicines to be fine.
The third level is her photo studio where she will process the film.
In the last level, she goes for a trip in the outer space to not suffer from gravity forces.
At the end of each level, she meets a Naiad, a water nymph who helps her get through it. The dialogues are in italian.
If you want to know more about Claudia's story, please visit <a href="http://claudiamatruda.com">her website</a>.<br />
Authors: Mattia Zorzi, Nicholas Cardo, Greta Merlini. <br />
Acknowledgements: We thank Claudia Amatruda for agreeing to be represented as the main character of the videogame and for the valuable information she provided during the project.<br />
Click the image to start playing!
</p>
</div>
</article>
<article>
<a href="plastichunt/index.html" class="image"><img src="images/plastichunt.png" width="320" /></a>
<div class="inner">
<h4>Plastic Hunt, 2021</h4>
<p>
Darwin is the last fish remained in the oceans. His friends and relatives disappeared because of Pietrolio, a bunch of garbage sent by humans.
The story of the game is told from the point of view of the fish. The man is a unknown being.
The two levels aim to entertain, but also to show what a poor fish and the environment experience because of us.
The fishes cannot resolve the situation, we have to do something to help!<br />
Authors: Noah Gagliardi, Ami De Carli. <br />
Acknowledgements: This videogame has been inspired by the event <a href="https://plastichunt.weblue.org/">Plastic Hunt</a>, founded by Sofia Bonicalza.
We thank her for the time dedicated to the interview and the suggestions in the design of the videogame.<br />
Click the image to start playing!
</p>
</div>
</article>
</div>
</div>
</section>
<section id="newspaper">
<div class="container">
<h3>Play the Headlines</h3>
<p>
This project is a proof of concept of a playable newspaper. The intent is to describe real life events through the lens of videogames. The videogames are optimized for desktop/laptop.
The games run on the web browser, so you can play some of them from a smartphone, but you may encounter a worst game experience. Please check the individual instructions on the page of each videogame.
</p>
<a href="playtheheadlines/index.html"><img src="playtheheadlines/pth_banner.png" width="100%" /></a>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Luca Surace. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>