-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
261 lines (258 loc) · 16.1 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Portfolio of Mustafa Berkay Uslu, a game programmer eager to master the creation of game mechanics.">
<meta name="keywords" content="Game Developer, Portfolio, Mustafa Berkay Uslu, Game Programmer">
<title>Mustafa Berkay Uslu Portfolio</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="Resources/favicon-16x16.png" type="image/x-icon">
</head>
<body>
<main>
<section id="home" class="intro-section">
<div class="intro-row">
<h1 class="name">Mustafa Berkay Uslu</h1>
<div class="links">
<a href="https://www.linkedin.com/in/usluberkay/" target="_blank" class="icon"
aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="/~https://github.com/BerkayUslu" target="_blank" class="icon" aria-label="GitHub"><i
class="fab fa-github"></i></a>
<a href="#" class="icon" id="email-icon" aria-label="Email"><i class="fas fa-envelope"></i></a>
<span class="email" id="email-address">mberkayuslu@outlook.com</span>
<a href="Resources/mustafa_berkay_uslu_cv.pdf" target="_blank" class="resume-button">Resume <i
class="fas fa-arrow-down"></i></a>
</div>
</div>
<div class="profile-image-container">
<img src="Resources/profile.png" alt="Profile Image" class="profile-image">
</div>
</section>
<section id="projects">
<h2 class="projects-title">Projects</h2>
<div class="projects-container">
<div class="project-card">
<h3>Learn Isle</h3>
<div class="image-container">
<img src="Resources/Game Photos/learn-isle-app-icon.jpeg" alt="Game Image 1"
class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
</div>
<p>Game is designed to help children learn topics such as English and math through engaging
gameplay. The development team consists of five members: three programmers, one designer, and
one artist. I am leading the programming team, overseeing the work of two other developers.
Throughout the development process, I have gained valuable knowledge about version restrictions
and the publishing processes for both Android and iOS platforms. The game has been accepted into
the OGEM Incubation Program and is actively under development.</p>
</div>
<div class="project-card">
<h3>DEADLY DRIVE</h3>
<div class="image-container">
<img src="Resources/Game Photos/DeadlyDrive.gif" alt="Deadly Drive GIF" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<a href="/~https://github.com/yasarguzell/CarGame" target="_blank" class="icon"
aria-label="GitHub"><i class="fab fa-github"></i></a>
</div>
<p>Deadly Drive game created during the Udo Games NextGen Devs 2024 Program with a team. The player
controls a car equipped
with guns, traveling through zombie-infested lands while protecting its cargo from damage. My
role in this project was to develop the car control mechanics.</p>
</div>
<div class="project-card">
<h3>Boo Land Cafe Idle </h3>
<div class="image-container">
<img src="Resources/Game Photos/BooLandCafeIdle.png" alt="Boo Land Cafe Idle"
class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<a href="/~https://github.com/yasarguzell/GhostRestaurantIdle" target="_blank" class="icon"
aria-label="GitHub"><i class="fab fa-github"></i></a>
</div>
<p>Boo Land Cafe Idle game created during the Udo Games NextGen Devs 2024 Program with a team. TThe
player manages the Lounge, Kitchen, and Scullery areas by upgrading them with coins earned from
customers, and increases revenue by opening new cafes. My role in this game was to create the
logic for worker and customer interactions, as well as the plate and food flow between rooms.
</p>
</div>
<div class="project-card">
<h3>Fruit Basket Game</h3>
<div class="image-container">
<img src="Resources/Game Photos/fruit basket.png" alt="Game Image 2" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video"
src="https://www.youtube.com/embed/63g5nlTUfXs?si=tOstguiSUtxew28p" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<button class="toggle-video">Show Video</button>
</div>
<p>I developed this game as a freelance game developer for a company. The game utilizes the OpenCV
for Unity asset to create body tracking features. The game starts by checking if the required
parts of the player's body are within the frame using body pose estimation.
In the game player's body is tracked, and a basket follows their movements. The
objective is to catch falling fruits by moving left and right.</p>
</div>
<div class="project-card">
<h3>Balloon Game</h3>
<div class="image-container">
<img src="Resources/Game Photos/Balloon.png" alt="Game Image 2" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video"
src="https://www.youtube.com/embed/_RhI7ye-L_A?si=-ft7vXQX086C6l2l" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<button class="toggle-video">Show Video</button>
</div>
<p>I developed this game as a freelance game developer for a company. The game utilizes the OpenCV
for Unity asset to create body tracking features. The game starts by checking if the required
parts of the player's body are within the frame using body pose estimation.
In the game, the player's hands are tracked. The objective is to pop the balloons using their
hands within a set time frame.</p>
</div>
<div class="project-card">
<h3>Submarine Game</h3>
<div class="image-container">
<img src="Resources/Game Photos/Submarine.png" alt="Game Image 2" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video"
src="https://www.youtube.com/embed/MnUnHhTuSR8?si=N7AZqO_ouGyl5zGL" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<button class="toggle-video">Show Video</button>
</div>
<p>I developed this game as a freelance game developer for a company. The game utilizes the OpenCV
for Unity asset to create body tracking features. The game starts by checking if the required
parts of the player's body are within the frame using body pose estimation.
In the game, the player's head is tracked. If the player is too close to the screen, the game
stops to prevent cheating. The objective is to move a submarine vertically and travel without
hitting the barriers.</p>
</div>
<div class="project-card">
<h3>Bamboo Game</h3>
<div class="image-container">
<img src="Resources/Game Photos/bamboo.png" alt="Game Image 2" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video"
src="https://www.youtube.com/embed/olgnQRe8ptU?si=fqnq_TvHm7vlWeUS" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<button class="toggle-video">Show Video</button>
</div>
<p>I developed this game as a freelance game developer for a company. The game utilizes the OpenCV
for Unity asset to create body tracking features. The game starts by checking if the required
parts of the player's body are within the frame using body pose estimation.
In the game, the player's full body is tracked. The objective is to move away from the red zone
on the screen. The game stops if the player cannot be detected for a certain time to prevent
cheating.</p>
</div>
<div class="project-card">
<h3>Ball Game</h3>
<div class="image-container">
<img src="Resources/Game Photos/Ball game.png" alt="Game Image 2" class="project-image">
</div>
<div class="video-container">
<iframe class="project-video"
src="https://www.youtube.com/embed/_aceHvvcaxs?si=0tj89JKxDytSZ5gs" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<button class="toggle-video">Show Video</button>
</div>
<p>I developed this game as a freelance game developer for a company. The game utilizes the OpenCV
for Unity asset to create body tracking features. The game starts by checking if the required
parts of the player's body are within the frame using body pose estimation.
In the game, the player's hands are tracked. The player needs to hit the balls coming out of the
tubes while avoiding spiked balls, which decrease their health.</p>
</div>
</div>
</section>
<section id="personal-projects">
<h2 class="projects-title">Personal Projects</h2>
<div class="projects-container">
<div class="project-card">
<h3>Space Shooter</h3>
<div class="image-container">
<img src="Resources/Game Photos/SpaceShooter.png" alt="Personal Project Image 1"
class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<a href="/~https://github.com/BerkayUslu/SpaceShooter" target="_blank" class="icon"
aria-label="GitHub"><i class="fab fa-github"></i></a>
</div>
<p>Space Shooter game created during the Panteon Academy program. Players try to survive waves of
aliens and destroy them to gain score.</p>
</div>
<div class="project-card">
<h3>Infinite Mage</h3>
<div class="image-container">
<img src="Resources/Game Photos/InfiniteMage.png" alt="Personal Project Image 1"
class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<a href="/~https://github.com/BerkayUslu/Infinite-Mage" target="_blank" class="icon"
aria-label="GitHub"><i class="fab fa-github"></i></a>
</div>
<p>"Infinite Mage" is a 3D Vampire Survivors-like game. The player's
objective is to level up and survive longer by killing enemies. As time goes on, the game
becomes increasingly challenging with both an increase in the number of enemies spawning and the
appearance of more powerful enemies. To enhance camera control, the Cinemachine tool is
utilized.</p>
</div>
<div class="project-card">
<h3>Snowy Hills</h3>
<div class="image-container">
<img src="Resources/Game Photos/SnowyHills.png" alt="Personal Project Image 2"
class="project-image">
</div>
<div class="video-container">
<iframe class="project-video" src="https://www.youtube.com/embed/97Z3qSSbwkY" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="project-buttons">
<a href="/~https://github.com/BerkayUslu/SnowyHills" target="_blank" class="icon"
aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="https://dreamsnail.itch.io/snowy-hills" target="_blank" class="icon"
aria-label="itch.io"><i class="fab fa-itch-io"></i></a>
</div>
<p>"Snowy Hills" is a 2D snowboard game. The player's objective is to not crash the ground and get
points by doing flips. The game continues until the player loses all hearts.</p>
</div>
</div>
</section>
</main>
<script src="script.js"></script>
</body>
</html>