-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGameProjects.html
377 lines (314 loc) · 18.8 KB
/
GameProjects.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Homepage.css">
<link rel="stylesheet" href="projects.css">
<title>My Projects</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<div style="position: absolute; overflow-x: hidden; min-height: 100%; width: 100%;">
<!--------------------------------------------------------------Header------------------------------------------------------------------>
<nav>
<div class="logo">
<h4>Ishaan Patel</h4>
</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="certificates.html">Certificates</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="experiences.html">Experience</a></li>
<li>
<a href="https://github.com/Ishaan35" target="_blank">
GitHub
</a>
</li>
<li><a href="https://www.youtube.com/channel/UCEShkg8TVshTmfDlvBZkXjw" target="_blank"> YouTube</a></li>
<li><a href="connect.html" target="_blank"> Connect</a></li>
<!--
<li><a href="mailto:[email protected]" target="_blank"> Email</a></li>
<li><a href="https://www.instagram.com/ishaan_3_5/" target="_blank"> Instagram</a></li>
<li><a href="https://www.linkedin.com/in/ishaan35/" target="_blank"> Linkedin</a></li>
-->
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<!-----------------------------------------------------------MAIN CONTENT------------------------------------------------------------------->
<div style="width: 100%; display: flex; justify-content: center;">
<!--Project Cards-->
<div class="container">
<div style="width: 100%; display: flex; justify-content: center; padding: 30px;">
<h4 style="font-family: Montserrat, sans-serif; font-size: xxx-large; font-weight: 1200;">
Game Programming Projects</h4>
</div>
<!--Mario Kart-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/MyMarioKart.jpg" width="80%"
onclick='openLink("https://youtu.be/NfiscJR_nQY")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">3D Mario Kart in Unity (C#)</h2>
<br>
<a href="https://youtu.be/NfiscJR_nQY" target="_blank">
<h4 style="padding-left: 40px;padding-bottom: 15px; color:#1c44c7;">My most comprehensive and popular game project
</h4>
</a>
<br>
<div class="ProjectLinks">
<a href="https://youtu.be/NfiscJR_nQY"
target="_blank" class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/youtubesquare.png" width="15%">
<p style="font-size: 100%">YouTube Link</p>
</button>
</a>
<a href="https://github.com/Ishaan35/Unity3D-Mario-Kart-With-AI" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
This is my most popular Unity (C#) game project on my YouTube channel. I posted this last year, and I still get positive
comments from fans asking for help to create their own similar projects.
<b style="color: #1c44c7;">This game got me two professional game
programmer job offers.</b>
<br>
<br>
I created this 3D Mario game made in Unity using C#. I am a big fan of Mario games, with Mario Kart being one of my
favourites as it is the most fun. I wanted to attempt making a small personal Mario Kart Game on my own, and it is
turning out to be fun and challenging. The game also has AI racers which the player can race. Not all of the modelling
is my work, and most of the assets belong to Nintendo. However, all programming and animations present in the game are
my work.
</p>
</div>
</div>
<!--Mario 3D World-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/Mario3D.PNG" width="80%"
onclick='openLink("https://www.youtube.com/watch?v=26X16Pm0dlU")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">Mario 3D World in Unity (C#)</h2>
<br>
<div class="ProjectLinks">
<a href="https://www.youtube.com/watch?v=26X16Pm0dlU"
target="_blank" class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/youtubesquare.png" width="15%">
<p style="font-size: 100%">YouTube Link</p>
</button>
</a>
<a href="https://github.com/Ishaan35/3D-Mario-platforming-game" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
I created this 3D platformer game inspired by Mario with Unity and C#. In this game, I built multiple game levels using
Nintendo 3D models. The player has to move around and destroy enemies, get coins, and find some interesting challenges
along the way. The modelling is not entirely my work. However, all the animations and programming are my work.
</p>
</div>
</div>
<!--Highway Runner-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/HighwayRunnerImage.PNG" width="80%"
onclick='openLink("https://play.google.com/store/apps/details?id=com.HighwayRunner.DM")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">Super Highway Runner (C#)</h2>
<br>
<h4 style="padding-left: 40px;padding-bottom: 15px; margin-top: -8px; color:#1c44c7;">Available on Google Play</h4>
<br>
<div class="ProjectLinks">
<a href="https://play.google.com/store/apps/details?id=com.HighwayRunner.DM"
target="_blank" class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/PlayStoreImage.png" width="25%">
<p style="font-size: 100%">App Link</p>
</button>
</a>
<a href="https://github.com/Ishaan35/SuperHighwayRunner" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
Super Highway Runner is one of my first 3D games created with Unity and C#. The mobile game is currently available for
download on the Google Play Store.
<br><br>
The player selects a car and drives on a highway avoiding a collision. The goal is to survive as long as possible
without touching any other cars in the traffic. It is an endless runner where the game becomes more difficult as the car
gets faster as you stay longer in the game. The game ends if you collide with another vehicle.
<br><br>
The controls are touch screen, and the player moves through the lanes. The game also has a different mode where a player
uses tilt controls. The tilt feature uses the gyroscope on your phone. This game mode offers a higher difficulty level
than the standard mode.
<br><br>
The game saves your high score, your cash, and your purchased cars with the in-game currency as well. This game
currently has hundreds of reviews and downloads.
</p>
</div>
</div>
<!--Raining Cubes-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/RainingCubesImage.PNG" width="80%"
onclick='openLink("https://play.google.com/store/apps/details?id=com.RainingCubes.DM")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">Raining Cubes (C#)</h2>
<br>
<h4 style="padding-left: 40px;padding-bottom: 15px; margin-top: -8px; color:#1c44c7;">Available on Google Play</h4>
<div class="ProjectLinks">
<a href="https://play.google.com/store/apps/details?id=com.RainingCubes.DM"
target="_blank" class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/PlayStoreImage.png" width="25%">
<p style="font-size: 100%">App Link</p>
</button>
</a>
<a href="https://github.com/Ishaan35/Raining-Cubes" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
I created the Raining Cube 3D mobile game with Unity and C#. The mobile game is currently available for download on the
Google Play Store. The game has hundreds of downloads and reviews on the Play Store.
<br><br>
The game features a rolling sphere that a player controls to avoid falling objects by rolling it across the stage using
the phone's gyroscope. The Raining Cube game has three background themes (desert, snow), which a player can choose. It
saves a player's high score for future reference.
</p>
</div>
</div>
<!--Paper Mario-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/Paper Mario.JPG" width="80%"
onclick='openLink("https://github.com/Ishaan35/New-Super-Paper-Mario-")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">2-D Paper Mario in Unity (C#)</h2>
<br>
<div class="ProjectLinks">
<a href="https://github.com/Ishaan35/New-Super-Paper-Mario-" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
I created this 2-D Paper Mario-style game in Unity and with C#. In the final version of this project, I have built a
couple of levels from scratch. All animations and level designs are my work. I have used Nintendo models for the
characters.
</p>
</div>
</div>
<!--Fireworks Simulation-->
<div class="projectBox">
<div class="imgBox">
<img src="Images/Fireworks.JPG" width="80%"
onclick='openLink("https://github.com/Ishaan35/Fireworks-Simulation")'
style="cursor: pointer;">
</div>
<div class="content">
<h2 style="padding-left: 40px; padding-right: 40px; padding-top: 10px;">Fireworks Simulation (Java)</h2>
<br>
<div class="ProjectLinks">
<a href="https://github.com/Ishaan35/Fireworks-Simulation" target="_blank"
class="projectLinkAnchor">
<button class="ProjectLinkButton">
<img src="Images/gitlogo.png" width="13%">
<p style="font-size: 100%">Github Link</p>
</button>
</a>
</div>
<br>
<p style="padding-left:40px; padding-right: 40px;">
I created this fireworks project in Java. The purpose of this project is to visualize
and simulate different firework effects. This project features a starry sky with continuous fireworks with different
colours, visual effects, and audio effects. There is also a meteor shower playing in the background.
</p>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
<!-----------------------------------------------------------------footer--------------------------------------------------->
<nav style="position: absolute; bottom: 0; width: 100%; left: 0;">
<ul class="footer-links" style="padding-bottom: 5px; padding-top: 5px;">
<li>
<a href="https://github.com/Ishaan35" target="_blank">
<img src="Images/gitWhite.png" width="45px" style="padding-top: 9px;">
</a>
</li>
<li><a href="https://www.linkedin.com/in/ishaan35/" target="_blank">
<img src="Images/linkedin.png" width="40px" style="padding-top: 12px;">
</a></li>
<li><a href="https://www.youtube.com/channel/UCEShkg8TVshTmfDlvBZkXjw" target="_blank">
<img src="Images/youtubesquare.png" width="60px" style="padding-top: 1px;">
</a></li>
<li><a href="mailto:[email protected]" target="_blank">
<img src="Images/gmail.png" width="45px" style="padding-top: 14px;">
</a></li>
<li><a href="https://www.instagram.com/ishaan_3_5/" target="_blank">
<img src="Images/Instagram.png" width="41px" style="padding-top: 11px;">
</a></li>
</ul>
</nav>
</div>
<script src="app.js"></script>
<script src="projects.js"></script>
</body>
</html>