josecmu27.github.io/flyerfighters.html at main · josecmu27/josecmu27.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Flyerfighters | Jose Lima</title>
  <link rel="stylesheet" href="./assets/css/style.css">

  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Orbitron:wght@700&display=swap" rel="stylesheet">
</head>
<body>

<!-- Navigation Bar -->
<nav class="navbar">
  <div class="nav-left">
    <a href="index.html" style="color: inherit; text-decoration: none;">Jose Lima</a>
    <div class="subheading">Information Systems @ CMU</div>
  </div>
  <ul class="nav-links">
    <li><a href="about.html">About Me</a></li>
    <li><a href="portfolio.html">Projects</a></li>
    <li><a href="joselima_resume.pdf">Resume</a></li>
    <!-- <li><a href="contact.html">Contact</a></li> -->
  </ul>
</nav>

    <!-- Hero Section -->
  <header class="hero">
    <h1>Flyerfighter</h1>
  </header>

  <!-- Bar 1 -->
<div class="project-meta-bar">
  <div class="project-meta-item">
    <span class="project-meta-label">Role</span>
    <span class="project-meta-value">VR Gameplay Engineer</span>
  </div>
  <span class="project-meta-divider">|</span>
  <div class="project-meta-item">
    <span class="project-meta-label">Timeline</span>
    <span class="project-meta-value">Feb 2025 – May 2025</span>
  </div>
  <span class="project-meta-divider">|</span>
  <div class="project-meta-item">
    <span class="project-meta-label">Course</span>
    <span class="project-meta-value">Advanced Game Studio</span>
  </div>
  <span class="project-meta-divider">|</span>
  <div class="project-meta-item">
    <span class="project-meta-label">Team Size</span>
    <span class="project-meta-value">5 people</span>
  </div>
</div>

<!-- Bar 2 -->
<div class="project-meta-bar">
  <div class="project-meta-item">
    <span class="project-meta-label">Tools</span>
    <span class="project-meta-value">Unity, C#, Meta Quest SDK, Perforce</span>
  </div>
  <span class="project-meta-divider">|</span>
    <div class="project-meta-item">
      <span class="project-meta-label"> GitHub</span>
      <span class ="project-meta-value"> <a href="https://github.com/josecmu27/Flyerfighter" target="_blank" rel="noopener noreferrer">
        Contributions
      </a></span>
    </div>
</div>

  <!-- Main Content -->
  <main class="main-content">
    <section class="section">
      <p>
      FlyerFighters was a semester-long project developed for <strong>Advanced Game Studio</strong> at Carnegie Mellon University,
      where I collaborated with a cross-disciplinary team of five including programmers, artists, and a product manager.
      The game was themed around an imaginative firefighter experience set in a futuristic city, where players used unique traversal
      mechanics to fly around and save civilians.
    </p>
    <br>
    <div class="video-container">
      <iframe
        width="560"
        height="315"
        src="https://www.youtube.com/embed/kmXjipNrt8M"
        title="Final Submission"
        frameborder="0"
        allowfullscreen>
      </iframe>
    </div>
    <br>
    <p>
      The concept grew out of early prototyping sessions, where we experimented with different VR mechanics and traversal methods.
      One particularly fun prototype involved flying with fire extinguishers, and this mechanic became the foundation for our game.
      We developed the project in Unity using C#, combining strong technical systems with creative art direction to bring the firefighting theme to life.
    </p>

    <br>
    <!-- Concept Art or Prototype Screenshot -->
    <!-- <img src="assets/images/flyerfighters_concept.png" alt="Early FlyerFighters Prototype"
         style="display:block; margin:20px auto; max-width:80%; border-radius:8px;"/> -->

    <p>
      My contributions spanned programming, UI design, and level design. I implemented a Game Manager that handled core systems such as
      game states, player statistics, and save data, ensuring that players could maintain their progress as they explored the city
      and rescued civilians. I also developed a slicing mechanic that allowed players to cut objects interactively using VR inputs
      and collision triggers, which added variety and depth to the gameplay. Beyond programming, I designed and built UI elements
      such as the title screen and selection menus to create a smooth and engaging player experience. I also contributed to the game’s
      level design by creating a Hotel level, which challenged players to navigate vertically while rescuing civilians in a multi-story environment.
    </p>

    <figure style="margin: 20px auto; text-align:center; max-width:80%;">
      <img src="assets/images/FlyerFightersSlicingShowcase.png"
          alt="Project showcase image"
          style="width:100%; border-radius:8px;">
      <figcaption style="color:#aaa; font-size:0.9rem; margin-top:0.5rem;">
        Slicing Mechanic Showcase
      </figcaption>
    </figure>

    <!-- Level Design Screenshot
    <img src="assets/images/flyerfighters_hotel.png" alt="Hotel Level"
         style="display:block; margin:20px auto; max-width:80%; border-radius:8px;"/> -->

    <p>
      FlyerFighters taught me the strengths of cross-disciplinary collaboration, combining innovative VR mechanics,
      interactive systems, and strong visual design. Presenting the project as a complete prototype highlighted both the creative
      potential of VR gameplay and the importance of teamwork in building an engaging player experience. You can checkout my contributions <a href="https://github.com/josecmu27/Flyerfighter" target="_blank" rel="noopener noreferrer" style="font-weight:bold; color:#4da6ff; text-decoration:none;">
        here.
      </a>
    </p>
    </section>
    <br>

  </main>


<!-- Sticky Footer -->
<footer>
  <div class="footer-icons">
    <a href="mailto:joselima@andrew.cmu.edu" aria-label="Email">
      <img src="assets/icons/email.svg" alt="Email Icon" class="email"/>
    </a>
    <a href="https://www.linkedin.com/in/jose-l-b4a2132a8/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
      <img src="assets/icons/linkedin.svg" alt="LinkedIn Icon" class="linkedin" />
    </a>
    <a href="https://github.com/josecmu27" target="_blank" rel="noopener noreferrer" aria-label="Resume">
      <img src="assets/icons/github.svg" alt="Github Icon" class = "linkedin"/>
    </a>
    <a href="joselima_resume.pdf" target="_blank" rel="noopener noreferrer" aria-label="Resume">
      <img src="assets/icons/resume.svg" alt="Resume Icon" class = "resume"/>
    </a>
  </div>
</footer>

</body>
</html>