-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1650 lines (1560 loc) · 119 KB
/
index.html
File metadata and controls
1650 lines (1560 loc) · 119 KB
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
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Ethan Navarro</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/lilqki.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- RemixIcon -->
<link href="assets/RemixIcon_Font_2505191356/remixicon.css" rel="stylesheet">
<style>
.icon-jetrider {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
fill: currentColor;
}
</style>
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg bg-primary fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top">Ethan Navarro</a>
<button class="navbar-toggler text-uppercase font-weight-bold bg-primary " type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 " href="#about">About</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 " href="#skills">Skills</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 " href="#portfolio">Projects</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 " href="#resume">Resume</a></li>
<li class="nav-item mx-0 mx-lg-1" style="display:flex; align-items:center; justify-content:center">
<!-- Rounded switch -->
<label class="switch">
<input type="checkbox" id="theme-toggle-checkbox">
<span class="slider round"></span>
</label>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead bg-primary text-center">
<div class="container d-flex align-items-center flex-column">
<!-- Masthead Avatar Image-->
<img class="masthead-avatar mb-5" src="assets/img/yopixel.png" alt="..." />
<!-- Masthead Heading-->
<h1 class="masthead-heading mb-0">Ethan Navarro</h1>
<p class="masthead-subheading font-weight-light mb-0">Game Developer</p>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<a target="_blank" class="btn btn-outline-light btn-social mx-1" href="mailto:ethanavarro@gmail.com"><i class="fab fa-solid fa-envelope"></i></a>
<a target="_blank" class="btn btn-outline-light btn-social mx-1" href="https://es.linkedin.com/in/ethan-navarro-2911a1196"><i class="fab fa-fw fa-linkedin-in"></i></a>
<a target="_blank" class="btn btn-outline-light btn-social mx-1" href="https://github.com/LILQK"><i class="fab fa-fw fa-github"></i></a>
</div>
<!-- Masthead Subheading-->
<i class="fab fa-solid fa-location-dot mb-0"></i><p class="font-weight-light mb-0">Vilanova y la geltru, Barcelona</p>
</div>
</header>
<!-- About Section-->
<section class="page-section bg-primary mb-0" id="about">
<div class="container">
<!-- About Section Heading-->
<h2 class="page-section-heading text-center text-uppercase">About</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-dark">
</div>
<!-- About Section Content-->
<div class="row">
<div class="col-lg-4 ms-auto"><p class="lead">Hello, I'm <span style="font-weight: 700;">Ethan Navarro</span>, Specialized in <span style="font-weight: 700;">Unity and C#</span>, with forays into Unreal and knowledge in Lua and C++, my passion for game development and virtual reality experiences has led me to explore and create virtual worlds for over 6 years. I've spent the last year working with a company, but my journey in game development started long before that.</p></div>
<div class="col-lg-4 me-auto"><p class="lead">I'm a passionate creative, always seeking new ways to innovate and design exciting gameplay mechanics. Since my childhood, my insatiable curiosity has driven me to research and constantly expand my knowledge. In my free time, I enjoy immersing myself in the world of video games and film, which fuels my inspiration to keep creating impactful experiences.</p></div>
</div>
</div>
</section>
<section class="page-section bg-primary mb-0" id="skills">
<div class="container">
<!-- Skills Section Heading-->
<h2 class="page-section-heading text-center text-uppercase">Skills</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
</div>
<!-- Skills Section Content-->
<div class="row">
<div class="col-lg-4 ms-auto">
<h3 class="text-center"><i class="fas fa-code"></i> Programming</h3>
<div class="d-flex flex-wrap justify-content-center gap-2">
<span class="btn btn-outline-light"><i class="fab fa-microsoft"></i> C#</span>
<span class="btn btn-outline-light"><i class="fab fa-html5"></i> HTML5</span>
<span class="btn btn-outline-light"><i class="fab fa-css3-alt"></i> CSS</span>
<span class="btn btn-outline-light"><i class="fab fa-js"></i> JavaScript</span>
<span class="btn btn-outline-light"><i class="fas fa-code"></i> C++</span>
<span class="btn btn-outline-light"><i class="fas fa-database"></i> SQL/MySQL</span>
<span class="btn btn-outline-light"><i class="fas fa-gamepad"></i> Lua</span>
<span class="btn btn-outline-light"><i class="fas fa-cube"></i> OOP</span>
</div>
</div>
<div class="col-lg-4 me-auto">
<h3 class="text-center"><i class="fas fa-tools"></i> Tools & Engines</h3>
<div class="d-flex flex-wrap justify-content-center gap-2">
<span class="btn btn-outline-light"><i class="fab fa-github"></i> Git</span>
<span class="btn btn-outline-light"><i class="ri-notion-line"></i> Notion</span>
<span class="btn btn-outline-light"><i class="fas fa-gamepad"></i> Unreal</span>
<span class="btn btn-outline-light"><i class="fa-brands fa-unity"></i> Unity</span>
<span class="btn btn-outline-light"><i class="ri-blender-fill"></i> Blender</span>
<span class="btn btn-outline-light"><i class="fas fa-code"></i> Visual Studio</span>
<span class="btn btn-outline-light">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 24 24">
<path fill="#fff" d="M13.766,18.688L10.492,4.391l9.117,6.081c0.459,0.356,0.522,1.025,0.137,1.46L13.766,18.688z"></path><path d="M13.225,20.807L8.957,2.164L20.163,9.64c0.494,0.379,0.774,0.888,0.826,1.437c0.053,0.551-0.128,1.104-0.494,1.519 L13.225,20.807z M12.028,6.618l2.278,9.95l4.69-5.299L12.028,6.618z"></path><path fill="#fff" d="M19.456,18.852l-3.269,1.98c-0.414,0.218-0.906,0.233-1.332,0.04l-2.482-1.348L10.995,7.032 l2.819-2.909c0.35-0.359,0.953-0.243,1.144,0.221l5.183,12.56C20.457,17.632,20.159,18.482,19.456,18.852z"></path><path d="M15.464,22.003c-0.353,0-0.7-0.074-1.021-0.221l-3.006-1.629L9.949,6.674l3.146-3.247c0.4-0.412,0.976-0.596,1.539-0.483 c0.563,0.108,1.029,0.49,1.247,1.021l5.183,12.558c0.512,1.175,0.026,2.581-1.113,3.2l-3.246,1.966 C16.308,21.898,15.882,22.003,15.464,22.003z M13.31,18.896l2.023,1.098c0.076,0.032,0.246,0.029,0.388-0.045l3.27-1.98 c0.238-0.126,0.341-0.418,0.232-0.665l-5.014-12.15l-2.168,2.238L13.31,18.896z"></path><path fill="#fff" d="M15.796,16.656l-5.297,4.133c-0.303,0.237-0.704,0.306-1.069,0.184l-3.698-1.237 c-0.401-0.134-0.697-0.479-0.769-0.897L3.033,7.653C2.961,7.239,3.12,6.819,3.446,6.556l4.098-3.295 C8.09,2.823,8.896,2.97,9.252,3.574l6.828,11.584C16.375,15.658,16.253,16.299,15.796,16.656z"></path><path d="M9.795,22.031c-0.229,0-0.459-0.036-0.683-0.111l-3.698-1.236c-0.751-0.252-1.302-0.895-1.437-1.676L2.047,7.823 C1.914,7.051,2.21,6.267,2.82,5.777l4.097-3.295c0.485-0.39,1.116-0.551,1.729-0.439c0.614,0.111,1.149,0.484,1.468,1.022 l6.828,11.584c0.548,0.93,0.32,2.131-0.53,2.794l-5.297,4.133C10.731,21.876,10.267,22.031,9.795,22.031z M8.261,4.008 c-0.032,0-0.063,0.011-0.09,0.033L4.073,7.336C4.029,7.371,4.008,7.428,4.018,7.483l1.931,11.185 c0.01,0.056,0.049,0.102,0.102,0.119l3.697,1.236c0.05,0.016,0.098,0.008,0.137-0.023l5.297-4.133 c0.062-0.048,0.078-0.135,0.038-0.202L8.391,4.082C8.361,4.033,8.319,4.016,8.288,4.011C8.279,4.009,8.27,4.008,8.261,4.008z"></path><path d="M16.524,18.001H7.429c-0.802,0-1.453-0.65-1.453-1.453V7.454c0-0.802,0.65-1.453,1.453-1.453h9.095 c0.802,0,1.453,0.65,1.453,1.453v9.095C17.976,17.351,17.326,18.001,16.524,18.001z"></path><rect width=".809" height="1.16" x="18.578" y="10.566"></rect><path fill="#fff" d="M12.001,12.479c0,0.246,0.199,0.445,0.445,0.445h1.4 c1.518,0,2.588-1.149,2.588-2.515c0-1.335-1.032-2.391-2.55-2.391h-1.438c-0.246,0-0.445,0.199-0.445,0.445V12.479z M13.883,8.975 c0.88,0,1.457,0.61,1.457,1.509c0,0.867-0.607,1.477-1.457,1.477l-0.772,0.002V8.975L13.883,8.975z"></path><path fill="#fff" d="M7.667,12.924h0.205c0.246,0,0.445-0.199,0.445-0.445v-1.046h0.82l0.87,1.294 c0.083,0.123,0.221,0.196,0.369,0.196h0.168c0.357,0,0.568-0.4,0.367-0.695l-0.711-1.044c0.304-0.124,0.547-0.311,0.729-0.559 c0.182-0.248,0.273-0.559,0.273-0.963V9.632c0-0.466-0.122-0.838-0.395-1.118c-0.334-0.311-0.79-0.497-1.397-0.497H7.667 c-0.246,0-0.445,0.199-0.445,0.445v4.017C7.222,12.725,7.421,12.924,7.667,12.924z M8.316,10.377V8.98h1.033 c0.273,0,0.456,0.093,0.608,0.186c0.152,0.124,0.213,0.279,0.213,0.528v0.031c0,0.186-0.061,0.373-0.213,0.497 c-0.152,0.124-0.358,0.155-0.601,0.155H8.316z"></path><path fill="#fff" d="M11.549,15.978l-4.083,0.02c-0.241,0-0.437-0.196-0.437-0.437v-0.093 c0-0.241,0.196-0.437,0.437-0.437l4.083-0.02c0.241,0,0.437,0.196,0.437,0.437v0.093C11.986,15.782,11.791,15.978,11.549,15.978z"></path>
</svg>
JetBrains Rider</span>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section-->
<section class="page-section portfolio" id="portfolio">
<div class="container">
<h2 class="page-section-heading text-center text-uppercase mb-0">Portfolio</h2>
<div class="divider-custom"></div>
<div class="text-center mb-4">
<button class="btn btn-primary filter-button" data-filter="all">All</button>
<button class="btn btn-primary filter-button" data-filter="escolar">Academic</button>
<button class="btn btn-primary filter-button" data-filter="empresarial">Commercial</button>
<!-- <button class="btn btn-primary filter-button" data-filter="propios">Personal</button> -->
<button class="btn btn-primary filter-button" data-filter="jams">Game Jams</button>
</div>
<!-- <p class="lead text-center">WORK IN PROGRESS...</p> -->
<div class="divider-custom">
</div>
<!-- INICIO NUEVO FORMATO LISTA -->
<div class="portfolio-list">
<!-- Example card, repeat for each project, using each one's data -->
<!-- Commercial -->
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal15">
<img class="portfolio-list-img" src="assets/img/portfolio/15.png" alt="GRAPAT DE BTC VR ESCAPE ROOM" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">GRAPAT DE BTC VR ESCAPE ROOM</h4>
<div class="portfolio-list-role">Lead Developer, Programmer, Team Leader</div>
<div class="portfolio-list-desc">VR escape room about the risks of biometric data and cryptocurrencies. I led the development of 5 minigames, AI integration, and optimization for Pico4. <b>Achievement:</b> Polished and educational VR experience. <b>Technologies:</b> Unity, C#, Netcode, AI, VR.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal13">
<img class="portfolio-list-img" src="assets/img/portfolio/13.png" alt="POMPEULAB VR EXPERIENCE" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">POMPEULAB VR EXPERIENCE</h4>
<div class="portfolio-list-role">Puzzle Designer, Programmer, Team Leader</div>
<div class="portfolio-list-desc">Linear VR experience with minigames and photogrammetry environments. I led puzzle design and asset optimization. <b>Achievement:</b> Complete and satisfactory delivery for institutional client. <b>Technologies:</b> Unity, C#, Pico 4 SDK, Blender.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal12">
<img class="portfolio-list-img" src="assets/img/portfolio/12.png" alt="NANOSCOPE" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">NANOSCOPE</h4>
<div class="portfolio-list-role">Shader Programmer, Asset Integrator, Player Logic</div>
<div class="portfolio-list-desc">Underwater VR experience with AI integration and custom shaders. <b>Achievement:</b> Immersive and visually impactful narrative for Oculus Quest. <b>Technologies:</b> Unity, C#, Shader Graph, Oculus SDK.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal14">
<img class="portfolio-list-img" src="assets/img/portfolio/14.png" alt="LLUIS ACURA VR MINIGAME" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">LLUIS ACURA VR MINIGAME</h4>
<div class="portfolio-list-role">VR Developer, Gameplay Programmer</div>
<div class="portfolio-list-desc">Educational VR minigame for document sorting. <b>Achievement:</b> Functional and optimized educational experience for students. <b>Technologies:</b> Unity, C#, OpenXR.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal11">
<img class="portfolio-list-img" src="assets/img/portfolio/11.png" alt="FUNDACIÓN RAFAEL DEL PINO VR RESEARCH APP" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">FUNDACIÓN RAFAEL DEL PINO VR RESEARCH APP</h4>
<div class="portfolio-list-role">VR Developer, Interaction Programmer</div>
<div class="portfolio-list-desc">VR app for educational research with hand tracking and real-time data visualization. <b>Achievement:</b> Successful deployment at a national event. <b>Technologies:</b> Unity, C#, OpenXR, SQL.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal4">
<img class="portfolio-list-img" src="assets/img/portfolio/4.png" alt="ISE MIXED REALITY APP" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">ISE MIXED REALITY APP</h4>
<div class="portfolio-list-role">Level Designer, Gameplay Programmer</div>
<div class="portfolio-list-desc">Underwater cleanup game with hand tracking and multiplayer. <b>Achievement:</b> Successful presentation at ISE. <b>Technologies:</b> Unity, C#, OpenXR, Netcode.</div>
</div>
</div>
<div class="portfolio-list-item filter empresarial animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal7">
<img class="portfolio-list-img" src="assets/img/portfolio/6.png" alt="Produktia Remote VR" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Produktia Remote VR</h4>
<div class="portfolio-list-role">Lead Developer, Multimedia Programmer</div>
<div class="portfolio-list-desc">VR/mobile app with video calls, 360 player, and remote control. <b>Achievement:</b> Published on App Store. <b>Technologies:</b> Unity, C#, WebRTC, Netcode.</div>
</div>
</div>
<!-- Academic -->
<div class="portfolio-list-item filter escolar animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal8">
<img class="portfolio-list-img" src="assets/img/portfolio/8.png" alt="Toon Zombie Third Person Shooter" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Toon Zombie Third Person Shooter</h4>
<div class="portfolio-list-role">Developer, AI & Shader Programmer</div>
<div class="portfolio-list-desc">Cartoon 3D shooter inspired by Zelda, with AI and custom shaders. <b>Achievement:</b> Complete game and positive feedback on character design. <b>Technologies:</b> Unity, C#, Shaders.</div>
</div>
</div>
<div class="portfolio-list-item filter escolar animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal1">
<img class="portfolio-list-img" src="assets/img/portfolio/1.png" alt="Adventure MicroGame" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Adventure MicroGame</h4>
<div class="portfolio-list-role">Developer, Logic Programmer</div>
<div class="portfolio-list-desc">Adventure inspired by Monkey Island, with insult duels and AI logic. <b>Achievement:</b> Functional and fun game. <b>Technologies:</b> Unity, C#.</div>
</div>
</div>
<div class="portfolio-list-item filter escolar animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal2">
<img class="portfolio-list-img" src="assets/img/portfolio/2.png" alt="2D PLATFORMER" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">2D PLATFORMER</h4>
<div class="portfolio-list-role">Developer, Systems Programmer</div>
<div class="portfolio-list-desc">2D platformer like Mario with health, enemies, and advanced camera systems. <b>Achievement:</b> Complete and functional prototype. <b>Technologies:</b> Unity, C#, Cinemachine.</div>
</div>
</div>
<div class="portfolio-list-item filter escolar animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal5">
<img class="portfolio-list-img" src="assets/img/portfolio/5.png" alt="Orbit showdown" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Orbit showdown</h4>
<div class="portfolio-list-role">Developer, Physics Programmer</div>
<div class="portfolio-list-desc">2D space puzzle with orbits and vector physics mechanics. <b>Achievement:</b> Challenging and well-received game. <b>Technologies:</b> Unity, C#, Physics, Aseprite.</div>
</div>
</div>
<!-- Jams -->
<div class="portfolio-list-item filter jams animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal9">
<img class="portfolio-list-img" src="assets/img/portfolio/9.png" alt="Rhizome Fighters" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Ship The Ship | LevelUp Jam 2024</h4>
<div class="portfolio-list-role">Level Designer, AI Programmer</div>
<div class="portfolio-list-desc">Herding puzzle with Boids system and team management. <b>Achievement:</b> Functional game and positive feedback at the jam. <b>Technologies:</b> Unity, C#, Trello.</div>
</div>
</div>
<div class="portfolio-list-item filter jams animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal3">
<img class="portfolio-list-img" src="assets/img/portfolio/3.png" alt="Jesters Jig | GGJ24" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Rhizome Fighters</h4>
<div class="portfolio-list-role">Developer, Multiplayer Programmer</div>
<div class="portfolio-list-desc">Team-based multiplayer game developed at Global Game Jam. <b>Achievement:</b> Dynamic mechanics and functional networking. <b>Technologies:</b> Unity, C#, Netcode.</div>
</div>
</div>
<div class="portfolio-list-item filter jams animate__animated animate__fadeIn" data-bs-toggle="modal" data-bs-target="#portfolioModal6">
<img class="portfolio-list-img" src="assets/img/portfolio/newlogo.png" alt="Ship The Ship | LevelUp Jam 2024" />
<div class="portfolio-list-content">
<h4 class="portfolio-list-title">Jesters Jig | GGJ24</h4>
<div class="portfolio-list-role">Developer, Hardware Integrator</div>
<div class="portfolio-list-desc">Dance game with physical pad and comic narrative. <b>Achievement:</b> Arduino integration and original mechanic. <b>Technologies:</b> Unity, C#, Arduino.</div>
</div>
</div>
</div>
<!-- FIN NUEVO FORMATO LISTA -->
</div>
</section>
<section id="resume" class="page-section mg-0 portfolio bg-primary">
<div class="container">
<div class="divider-custom">
</div>
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Bachelor's Degree in Computer Science</h4>
<h5>2024 - Present</h5>
<p class="lead"><em>Universitat Oberta De Catalunya (UOC), Remote</em></p>
<p class="lead">Pursuing a comprehensive Bachelor's degree in Computer Science, deepening theoretical and practical knowledge in software development, algorithms, and emerging technologies.</p>
</div>
<div class="resume-item">
<h4>Postgraduate Diploma In Game Development</h4>
<h5>2024</h5>
<p class="lead"><em>Universitat Oberta De Catalunya, Remote</em></p>
<p class="lead">Attained specialized expertise in Game Development, honing skills in coding, design, and project management, paving the way for innovative and immersive gaming experiences.</p>
</div>
<div class="resume-item">
<h4>Certificate of Higher Education in Video Game Design</h4>
<h5>2022</h5>
<p class="lead"><em>EMAiD, Vilanova i la Geltru</em></p>
<p class="lead">Gained fundamental knowledge in Video Game Design, exploring creative aspects of game development, from conceptualization to interactive storytelling, enhancing the player experience.</p>
</div>
<div class="resume-item">
<h4>Vocation Education and Training in Fine Arts and Design</h4>
<h5>2020</h5>
<p class="lead"><em>EMAiD, Vilanova i la Geltru</em></p>
<p class="lead">Acquired a solid foundation in Fine Arts and Design, mastering techniques and principles essential for creating visually captivating and conceptually rich artistic works.</p>
</div>
</div>
<div class="col-lg-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<h4>Unity Developer / Programmer</h4>
<h5>jan. 2023 - Present</h5>
<p><em>Barcelona, Spain</em></p>
<ul class="list-group">
<li>Designed immersive game mechanics and intricate puzzles for virtual reality (<span style="font-weight: 700;">VR</span>) games, enhancing user engagement and overall gameplay experience</li>
<li>Demonstrated proficiency as a <span style="font-weight: 700;">Unity</span> Developer and skilled <span style="font-weight: 700;">C#</span> programmer, contributing to successful development, optimization, and implementation of interactive gaming experiences, including innovative <span style="font-weight: 700;">VR</span> projects.</li>
<li>Implemented advanced rendering techniques to improve graphics performance.</li>
<li>Designed and implemented a <span style="font-weight: 700;">VR</span> player connectivity system with integrated voice/text chat.</li>
<li>Developed and deployed more than 10 Android and iOS apps.</li>
</ul>
</div>
<div class="resume-item">
<h4>Game Developer Internship in Produktia</h4>
<h5>nov. 2022 - jan. 2023</h5>
<p><em>Barcelona, Spain</em></p>
<ul class="list-group">
<li>Assisted in the development and optimization of interactive features for <span style="font-weight: 700;">Unity</span>-based projects.</li>
<li>Collaborated with the team to implement and debug game mechanics, enhancing overall gameplay experience.</li>
<li>Participated in brainstorming sessions and contributed to the design of engaging <span style="font-weight: 700;">VR/AR</span> experiences.</li>
<li>Conducted research on emerging technologies and trends to support innovative game development strategies.</li>
<li>Demonstrated proficiency in coding, debugging, and troubleshooting within the <span style="font-weight: 700;">Unity</span> environment.</li>
</ul>
</div>
<div class="resume-item">
<h4>GTA ONLINE Modification Developer</h4>
<h5>2017 - 2021</h5>
<p><em>Remote / Spain</em></p>
<ul class="list-group">
<li>Orchestrated the development and implementation of innovative game mechanics within a tailored framework for <span style="font-weight: 700;">GTA Online</span> modification, ensuring a seamless player experience.</li>
<li>Demonstrated proficiency in <span style="font-weight: 700;">Lua</span> programming to enhance and customize game elements for an enriched gameplay environment.</li>
<li>Applied advanced programming <span style="font-weight: 700;">SQL</span> skills for in-game system and feature optimization.</li>
<li>Spearheaded end-to-end 3D modeling processes, including creation and optimization, to elevate visual quality.</li>
<li>Directed a sizable team, fostering a collaborative environment for player management, and overseeing day-to-day operations with a focus on excellence.</li>
<li>Efficiently managed databases, demonstrating expertise in <span style="font-weight: 700;">SQL</span> database administration for optimal performance and data integrity.</li>
</ul>
</div>
<div class="resume-item">
<h4>Private HTML & JavaScript Tutor</h4>
<h5>2019 - 2021</h5>
<p><em>Remote / Spain</em></p>
<ul class="list-group">
<li>Designed and implemented personalized learning plans in <span style="font-weight: 700;">HTML</span> and <span style="font-weight: 700;">JavaScript</span> for students of varying skill levels, enhancing their web development capabilities.</li>
<li>Utilized extensive knowledge in <span style="font-weight: 700;">JavaScript</span> to teach students how to create dynamic and interactive web pages effectively.</li>
<li>Explained complex concepts in <span style="font-weight: 700;">HTML</span> and <span style="font-weight: 700;">CSS</span> in an easy-to-understand manner, enabling students to build and style web pages from scratch.</li>
<li>Conducted regular assessments to monitor student progress and adjusted teaching methods to meet individual learning needs.</li>
<li>Maintained an open line of communication with students, providing ongoing support and guidance to foster a supportive learning environment.</li>
<li>Kept abreast of the latest web technologies and trends to provide students with up-to-date knowledge and skills.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer text-center bg-primary">
<div class="container">
<div class="row">
<!-- Footer Location-->
<div class="col-lg-4 mb-5 mb-lg-0">
</div>
<!-- Footer Social Icons-->
<div class="col-lg-4 mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">Around the Web</h4>
<a class="btn btn-outline-light btn-social mx-1" target="_blank" href="https://www.linkedin.com/in/ethan-navarro-2911a1196"><i class="fab fa-fw fa-linkedin-in"></i></a>
</div>
<!-- Footer About Text-->
<div class="col-lg-4">
</div>
</div>
</div>
</footer>
<!-- Copyright Section-->
<div class="copyright py-4 text-center text-white">
<div class="container"><small>Copyright © Ethan Navarro 2023</small></div>
</div>
<!-- Portfolio Modals-->
<!-- Portfolio Modal 1-->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" aria-labelledby="portfolioModal1" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-1">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-uppercase mb-0">Adventure MicroGame</h2>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<!-- <img class="img-fluid mb-5" src="assets/img/portfolio/cabin.png" alt="..." /> -->
<iframe class="mb-4 container-fluid"height="350" class=" mb-4" src="https://www.youtube.com/embed/qtgQOft0M-0?si=WDakbOmSZhM6gQA_"></iframe>
<!-- Portfolio Modal - Text-->
<p class="mb-4">The game is inspired by the renowned mechanics of "Secret Of Monkey Island" and
is developed in Unity. Its main feature is an insult duel between two players (player and AI).
The player must guess the correct comeback to the AI's insult to retaliate. Each correct guess scores a point,
and the first to reach 3 points wins.</p>
<a class="mb-4 btn btn-secondary" target="_blank" href="https://github.com/LILQK/small-adventure-game">Source code</a><br>
<a class="mb-4 btn btn-secondary" target="_blank" href="juegos/unjuegodeaventuras/index.html">Try the game here</a><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2-->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" aria-labelledby="portfolioModal2" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0">2D PLATFORMER</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<!-- <img class="img-fluid mb-5" src="assets/img/portfolio/cabin.png" alt="..." /> -->
<iframe class="mb-5 container-fluid" height="315" class=" mb-4" src="https://www.youtube.com/embed/GJe659JDDjU?si=lq_AXSblhqECjebb"></iframe>
<!-- Portfolio Modal - Text-->
<p class="mb-4">
This Unity project is a platform game inspired by Super Mario Bros for NES, featuring scripts for health systems, sound management, enemy behavior, and player animations. It includes collision detection, character control, and uses tools like Cinemachine for camera management, with special packages for level design, sprites, and sound effects.
</p>
<a class="mb-4 btn btn-secondary" target="_blank" href="https://github.com/LILQK/platformer-prototype">Source code</a><br>
<a class="mb-4 btn btn-secondary" target="_blank" href="juegos/unplataformas/index.html">Try the game here</a><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3-->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" aria-labelledby="portfolioModal3" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class=" text-uppercase mb-0">Rhizome Fighters</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<!-- <img class="img-fluid mb-5" src="assets/img/portfolio/cabin.png" alt="..." /> -->
<iframe class="mb-5 container-fluid" height="315" class=" mb-4" src="https://www.youtube.com/embed/5XtTvEKE9Ng?si=YWV8V-4v9VYJIru_"></iframe>
<!-- Portfolio Modal - Text-->
<p class="mb-4">
Developed during the Global Game Jam, this multiplayer game features team-based mechanics where the core objective is to immobilize opponents using root traps. It showcases programming skills in creating dynamic multiplayer interactions, with a focus on strategic gameplay. The technical design allows teams to compete in capturing the most players within a set time frame. This project highlights my abilities in game mechanics, networking, and real-time strategy elements, demonstrating proficiency in game development and teamwork coordination.
</p>
<a class="mb-4 btn btn-secondary" target="_blank" href="https://v3.globalgamejam.org/2023/games/rhizome-fighters-1">Source code</a><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 4-->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" aria-labelledby="portfolioModal4" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0 text-center">ISE MIXED REALITY APP</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<iframe class="mb-5 container-fluid" height="315" src="https://www.youtube.com/embed/Z9KMAxrXroI?si=64XScTULs9oVva_Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!-- Portfolio Modal - Text-->
<h4>Key Contributions:</h4>
<ul>
<li>
<strong>Concept Design:</strong>
<ul>
<li>Developed an engaging underwater cleanup game concept to promote environmental awareness.</li>
<li>Integrated innovative hand gesture gameplay using OpenXR for an immersive experience.</li>
</ul>
</li>
<li>
<strong>Level Design:</strong>
<ul>
<li>Designed immersive underwater environments to captivate players and enhance gameplay.</li>
<li>Ensured progressive difficulty to keep players engaged and challenged.</li>
</ul>
</li>
<li>
<strong>Programming:</strong>
<ul>
<li>Implemented hand tracking functionality using OpenXR for intuitive player interactions.</li>
<li>Programmed multiplayer synchronization via Unity's Netcode for GameObjects to enable seamless player collaboration.</li>
<li>Developed core game mechanics including player controls and environmental interactions.</li>
</ul>
</li>
<li>
<strong>Testing and Optimization:</strong>
<ul>
<li>Conducted rigorous testing to ensure app stability and performance, crucial for the ISE presentation.</li>
<li>Optimized the app for Pico glasses to deliver a seamless mixed reality experience.</li>
<li>Ensured rapid response times to fix any issues and enhance user experience during the demo.</li>
</ul>
</li>
</ul>
<h4>Achievements:</h4>
<ul>
<li>Successfully delivered a functional and polished mixed reality app for Pico glasses.</li>
<li>Presented the app at the ISE (Integrated Systems Europe) exhibition, receiving positive feedback for innovative gameplay mechanics and immersive technology integration.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Expertise in mixed reality (MR) development.</li>
<li>Advanced programming skills, particularly in networked player interactions and immersive technologies.</li>
<li>Effective project management using various software tools.</li>
<li>Strong problem-solving abilities and creative thinking in game development.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity 3D</li>
<li>C#</li>
<li>OpenXR</li>
<li>Unity's Netcode for GameObjects</li>
<li>Various project management software</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 5-->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" aria-labelledby="portfolioModal5" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class=" text-uppercase mb-0 text-center">Orbit showdown</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<iframe class="mb-5 container-fluid" height="315" src="https://www.youtube.com/embed/mY6bk3M7JDg?si=S9HeN9o_x6GRO5mg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <!-- Portfolio Modal - Text-->
<a class="mb-5 btn btn-secondary" target="_blank" href="https://gitlab.com/ethanavarro/pr-orbit-showdown">Source code</a><br>
<a class="mb-5 btn btn-secondary" target="_blank" href="juegos/orbitshowdown/index.html">Try the game here</a><br>
<h4>Key Contributions:</h4>
<ul>
<li>
<strong>Game Concept and Design:</strong>
<ul>
<li>Developed "Orbit Showdown," a 2D puzzle-style game set in space where players use planetary orbits to collect and destroy artifacts.</li>
<li>Designed a dynamic and engaging game environment that challenges players' strategic thinking and problem-solving skills.</li>
</ul>
</li>
<li>
<strong>Programming and Game Mechanics:</strong>
<ul>
<li>Implemented complete game programming, including complex physics-based mechanics utilizing vector mathematics for realistic orbital movements.</li>
<li>Developed and optimized game systems to ensure a smooth and engaging player experience.</li>
</ul>
</li>
<li>
<strong>Technical Implementation:</strong>
<ul>
<li>Utilized Unity 2D and C# for game development, ensuring robust and efficient coding practices.</li>
<li>Applied advanced mathematical concepts and physics to simulate realistic planetary orbits and interactions.</li>
</ul>
</li>
<li>
<strong>Graphic Design and UI:</strong>
<ul>
<li>Designed and created all game sprites, providing a cohesive and visually appealing aesthetic.</li>
<li>Developed an intuitive user interface to enhance the overall user experience.</li>
</ul>
</li>
<li>
<strong>Project Management:</strong>
<ul>
<li>Managed the entire development process, from initial concept to final execution, ensuring timely completion and high-quality deliverables.</li>
<li>Demonstrated effective problem-solving and creative thinking in overcoming development challenges.</li>
</ul>
</li>
</ul>
<h4>Achievements:</h4>
<ul>
<li>Successfully delivered a captivating and challenging 2D puzzle game that highlights technical and creative skills.</li>
<li>Received positive feedback for innovative game mechanics and engaging gameplay.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Proficiency in 2D game development using Unity and C#.</li>
<li>Advanced skills in applying vector mathematics and physics for realistic game mechanics.</li>
<li>Strong abilities in graphic design and UI development.</li>
<li>Effective project management and problem-solving skills.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity 2D</li>
<li>C#</li>
<li>Vector Mathematics</li>
<li>Physics-Based Game Mechanics</li>
<li>Photoshop</li>
<li>Aseprite</li>
<li>Project Management Tools</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 6-->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" aria-labelledby="portfolioModal6" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0">Jesters Jig | GGJ24</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<iframe class="mb-5 container-fluid"height="315" src="https://www.youtube.com/embed/Sr-U_3dVEgk?si=TPeU3D02EOYKC6m3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <!-- Portfolio Modal - Text-->
<!-- Portfolio Modal - Text-->
<p class="mb-4">
In the recent Global Game Jam, I undertook the challenge of developing 'Jester's Jig,' a unique game designed to elicit laughter through dance. As the sole developer and designer, I innovated by integrating physical controls, constructing a dance pad connected to an Arduino to capture player movements. The game, themed "Make me laugh," features a whimsical narrative where players dance to amuse a medieval wizard, blending elements of classic arcade dance games with a Simon Says color-matching mechanic. This project not only showcased my technical skills in hardware integration and game design but also my creativity in theme interpretation. The successful completion of 'Jester's Jig' and its positive reception underscore my commitment to engaging and innovative game development. The game and its source code are available for exploration at Global Game Jam, reflecting my dedication to open-source learning and the gaming community.
</p>
<a class="mb-5 btn btn-secondary" target="_blank" href="https://globalgamejam.org/games/2024/jesters-jig-0">Game Jam Page</a><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" aria-labelledby="portfolioModal7" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class=" text-uppercase mb-0 text-center">Produktia Remote VR</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<img class="img-fluid mb-5" src="assets/img/portfolio/remotevr.png">
<img class="img-fluid mb-5" src="assets/img/portfolio/remotevr2.png">
<!-- Portfolio Modal - Text-->
<a class="mb-5 btn btn-secondary" target="_blank" href="https://apps.apple.com/es/app/produktia-remote-vr/id1510611066">App store</a><br>
<h4>Key Contributions:</h4>
<ul>
<li>
<strong>Concept Design:</strong>
<ul>
<li>Developed a versatile app/player designed for both VR and mobile devices.</li>
<li>Integrated features to facilitate video calls using WebRTC.</li>
</ul>
</li>
<li>
<strong>Network and Connectivity:</strong>
<ul>
<li>Implemented Unity Netcode to enable the creation of networked rooms for real-time connectivity.</li>
<li>Ensured reliable and efficient network communication for seamless user interactions.</li>
</ul>
</li>
<li>
<strong>Multimedia Integration:</strong>
<ul>
<li>Developed a video player supporting 360/180 and 360 stereo videos for immersive viewing experiences.</li>
<li>Integrated 3D camera technology to enhance interactive user experiences.</li>
</ul>
</li>
<li>
<strong>Remote Control Features:</strong>
<ul>
<li>Enabled remote control capabilities from mobile phones, allowing users to control presentations and other functionalities seamlessly.</li>
</ul>
</li>
<li>
<strong>Device Compatibility and SDK Integration:</strong>
<ul>
<li>Ensured compatibility with a wide range of devices including mobile phones, tablets, and VR glasses.</li>
<li>Integrated necessary SDKs to support various functionalities and device compatibilities.</li>
<li>Published the app on relevant stores, ensuring accessibility and ease of installation for users.</li>
</ul>
</li>
<li>
<strong>Testing and Optimization:</strong>
<ul>
<li>Conducted extensive testing to ensure app stability and performance across different devices.</li>
<li>Optimized the app for both VR and mobile platforms to deliver a smooth user experience.</li>
<li>Ensured rapid response times for addressing issues and enhancing functionality.</li>
</ul>
</li>
</ul>
<h4>Achievements:</h4>
<ul>
<li>Successfully delivered a versatile and polished application compatible with VR and mobile devices.</li>
<li>Received positive feedback for the integration of video call capabilities and immersive video playback.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Expertise in VR and mobile app development.</li>
<li>Advanced programming skills in networked communications and multimedia integration.</li>
<li>Effective project management using various software tools.</li>
<li>Strong problem-solving abilities and creative thinking in application development.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity</li>
<li>C#</li>
<li>WebRTC</li>
<li>Unity Netcode</li>
<li>Various project management software</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" aria-labelledby="portfolioModal8" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0 text-center">Toon Zombie Third Person Shooter</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<iframe class="mb-5 container-fluid" height="350px" src="https://www.youtube.com/embed/61CPHrBOmLY?si=hSW8c75Bo9pvt5tG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <!-- Portfolio Modal - Text-->
<!-- Portfolio Modal - Text-->
<a class="mb-5 btn btn-secondary" target="_blank" href="https://gitlab.com/ethanavarro/plataformas-3d#créditos">Source Code</a>
<h4>Key Contributions:</h4>
<ul>
<li>
<strong>Game Concept and Design:</strong>
<ul>
<li>Developed "Toon Zombie Apocalypse," a third-person shooter game with vibrant cartoon aesthetics inspired by Zelda: Breath of the Wild.</li>
<li>Designed unique and engaging characters, ensuring each had a distinct personality and style fitting the game's theme.</li>
</ul>
</li>
<li>
<strong>Programming and Game Mechanics:</strong>
<ul>
<li>Implemented complete game programming including AI, game mechanics, and custom shader programming to enhance visual fidelity and interactivity.</li>
<li>Created and optimized various game systems for a smooth and engaging player experience.</li>
</ul>
</li>
<li>
<strong>Technical Implementation:</strong>
<ul>
<li>Utilized Unity and C# to build the game, leveraging their capabilities for robust game development.</li>
<li>Developed custom shaders to improve the visual quality and immersion of the game environment.</li>
</ul>
</li>
<li>
<strong>Creative Direction:</strong>
<ul>
<li>Handled all aspects of creative direction, from conceptualization to execution, excluding 3D models and level design.</li>
<li>Ensured a cohesive and visually appealing game aesthetic that aligned with the overall vision.</li>
</ul>
</li>
<li>
<strong>Project Management:</strong>
<ul>
<li>Managed the entire project lifecycle, ensuring timely completion and high-quality deliverables.</li>
<li>Demonstrated effective problem-solving and creative thinking in overcoming development challenges.</li>
</ul>
</li>
</ul>
<h4>Achievements:</h4>
<ul>
<li>Successfully delivered a visually striking and engaging game that showcases both technical and creative skills.</li>
<li>Received positive feedback for character design and innovative use of custom shaders.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Proficiency in game development using Unity and C#.</li>
<li>Advanced skills in AI programming, game mechanics, and shader programming.</li>
<li>Strong abilities in character design and creative direction.</li>
<li>Effective project management and problem-solving skills.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity</li>
<li>C#</li>
<li>Custom Shader Programming</li>
<li>AI Development</li>
<li>Game Mechanics Implementation</li>
<li>Project Management Tools</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal9" tabindex="-1" aria-labelledby="portfolioModal9" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0 text-center">Ship The Ship | LevelUp Jam 2024</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Image-->
<img class="img-fluid mb-5" src="https://img.itch.zone/aW1hZ2UvMjgxNjYxMi8xNjgzNzMzOS5wbmc=/original/krvrX%2B.png">
<img class="img-fluid mb-5" src="https://img.itch.zone/aW1hZ2UvMjgxNjYxMi8xNjgzNzM2Ni5wbmc=/original/T%2B03hb.png"> <!-- Portfolio Modal - Text-->
<a class="mb-5 btn btn-secondary" target="_blank" href="https://dev-alvaroegea.itch.io/shipthesheep">Game Page</a><br>
<h4>Key Contributions:</h4>
<ul>
<li><strong>Concept Design:</strong>
<ul>
<li>Developed the core gameplay concept centered around a sheepdog herding sheep.</li>
<li>Designed the unique "madness meter" for sheep behavior, adding a layer of challenge and unpredictability.</li>
</ul>
</li>
<li><strong>Level Design:</strong>
<ul>
<li>Created engaging and challenging levels to progressively test players' strategic skills.</li>
<li>Ensured a smooth difficulty curve to keep players engaged.</li>
</ul>
</li>
<li><strong>Programming:</strong>
<ul>
<li>Implemented a Boids system for realistic sheep flocking behavior, enhancing the game's immersion and complexity.</li>
<li>Programmed game mechanics, including sheep movement, player controls, and interaction systems.</li>
</ul>
</li>
<li><strong>Team Collaboration:</strong>
<ul>
<li>Organized and facilitated daily meetings to ensure smooth communication and progress tracking.</li>
<li>Created and managed a Trello board to keep the team organized and tasks on track.</li>
<li>Collaborated closely with artists and other programmers to integrate visual and functional elements seamlessly.</li>
</ul>
</li>
</ul>
<h4>Achievements:</h4>
<ul>
<li>Successfully delivered a functional and polished puzzle game within the Game Jam timeframe.</li>
<li>Received positive feedback for innovative gameplay mechanics and cohesive team collaboration.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Game design and level design proficiency.</li>
<li>Advanced programming skills, particularly in AI and system design.</li>
<li>Effective team leadership and project management using tools like Trello.</li>
<li>Strong problem-solving abilities and creative thinking in game development.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity</li>
<li>C#</li>
<li>Trello for project management</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal11" tabindex="-1" aria-labelledby="portfolioModal11" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Portfolio Modal - Title-->
<h3 class="text-uppercase mb-0 text-center">FUNDACIÓN RAFAEL DEL PINO VR RESEARCH APP</h3>
<!-- Icon Divider-->
<div class="divider-custom">
</div>
<!-- Portfolio Modal - Video-->
<iframe class="mb-5 container-fluid" height="315" src="https://www.youtube.com/embed/xbE7h1zAsHM?si=1mHrcvyMY1_SBnMf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!-- Portfolio Modal - Text-->
<h4>Key Contributions:</h4>
<ul>
<li>
<strong>Research Design:</strong>
<ul>
<li>Developed a comprehensive VR experience to study human responses to different stimuli including words and colors.</li>
<li>Created an innovative research methodology leveraging virtual reality technology.</li>
</ul>
</li>
<li>
<strong>Technical Development:</strong>
<ul>
<li>Programmed the entire VR experience with a focus on intuitive hand tracking interactions.</li>
<li>Implemented real-time data collection and visualization system.</li>
<li>Designed immersive virtual environments to facilitate research objectives.</li>
</ul>
</li>
<li>
<strong>Data Management:</strong>
<ul>
<li>Developed a robust database system for immediate data capture during the VR experience.</li>
<li>Created real-time graphing capabilities to visualize research data instantly.</li>
</ul>
</li>
</ul>
<h4>Project Highlights:</h4>
<ul>
<li>Successfully deployed at a major Fundación Rafael del Pino event.</li>
<li>Engaged over 500 educators from across Spain.</li>
<li>Collected comprehensive data on human behavioral responses in a controlled VR environment.</li>
</ul>
<h4>Skills Demonstrated:</h4>
<ul>
<li>Advanced virtual reality application development.</li>
<li>Complex data collection and real-time visualization.</li>
<li>Intuitive user interaction design using hand tracking.</li>
<li>Research methodology implementation through technology.</li>
</ul>
<h4>Technologies Used:</h4>
<ul>
<li>Unity 3D</li>
<li>C#</li>
<li>OpenXR</li>
<li>Oculus 3 Hand Tracking</li>
<li>SQL</li>