hbot/games.html at main · dr34ming/hbot · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Games — HBOT Science</title>
<meta name="description" content="Four interactive games teaching HBOT biology through play.">
<meta property="og:type" content="website">
<meta property="og:title" content="Games — HBOT Science">
<meta property="og:description" content="Four interactive games teaching HBOT biology through play.">
<meta property="og:url" content="https://hbot.dr34m.life/games.html">
<link rel="stylesheet" href="style.css">
</head>
<body class="mode-technical">

<!-- ── Sticky Nav ── -->
<nav class="sticky-nav">
  <div class="nav-inner">
    <button class="nav-hamburger" aria-label="Menu" aria-expanded="false">&#9776;</button>
    <div class="nav-links">
      <a href="index.html">Science</a>
      <a href="safety.html">Safety</a>
      <a href="costs.html">Costs</a>
      <a href="glossary.html">Glossary</a>
      <a href="games.html" class="active">Games</a>
    </div>
    <div class="toggle-wrap" id="nav-toggle">
      <span class="toggle-label active" id="nav-label-tech">Technical</span>
      <button class="toggle-track technical" id="nav-track" role="switch" aria-checked="true" aria-label="Toggle between Technical and Plain English">
        <span class="toggle-knob"></span>
      </button>
      <span class="toggle-label inactive" id="nav-label-plain">Plain English</span>
    </div>
  </div>
</nav>

<!-- ── Page Header ── -->
<header class="page-header">
  <div class="container">
    <h1>Games</h1>
    <p class="subtitle">Four games that teach HBOT biology through play. Each one covers different mechanisms&mdash;the science sticks better when your hands are involved.</p>
  </div>
</header>

<!-- ── Game Cards ── -->
<section>
  <div class="container">
    <div class="mech-grid">

      <a href="games/tapper.html" class="mech-card game-card">
        <h3>HBOT Tapper</h3>
        <p class="game-type">Arcade &middot; Reflexes</p>
        <div class="tech">
          <p>Run a hyperbaric facility. Send chambers to patients across four lanes, manage pressurization cycles, and catch returning chambers. Miss a patient and you lose a life. Miss a chamber and it's gone for good.</p>
          <p class="game-learns"><strong>You learn:</strong> The treatment workflow&mdash;pressurization, session timing, chamber management. How a real facility operates at scale.</p>
        </div>
        <div class="plain">
          <p>Manage a hyperbaric chamber facility. Send chambers to patients, wait for pressurization, catch them on the return. Gets frantic fast.</p>
          <p class="game-learns"><strong>You learn:</strong> How HBOT sessions work in practice&mdash;the equipment, the timing, and why consistency matters.</p>
        </div>
      </a>

      <a href="games/pressure.html" class="mech-card game-card">
        <h3>Pressure Drop</h3>
        <p class="game-type">Precision &middot; Timing</p>
        <div class="tech">
          <p>Lock a spinning gauge needle into the therapeutic pressure zone (1.4&ndash;1.5 ATA). Each successful lock triggers a biological mechanism explanation. Difficulty escalates: direction reversals, dual needles, gauge wobble.</p>
          <p class="game-learns"><strong>You learn:</strong> Dose-response biology. Why 1.5 ATA is the sweet spot. Each lock teaches a specific mechanism&mdash;ROS signaling, stem cell mobilization, NF-&kappa;B suppression&mdash;with real citations.</p>
        </div>
        <div class="plain">
          <p>Time your click to stop a spinning needle in the green zone. Nail the sweet spot and you unlock real biology explanations. Gets harder with direction changes, dual needles, and wobble.</p>
          <p class="game-learns"><strong>You learn:</strong> Why pressure matters, what happens at different levels, and the real science behind each HBOT mechanism.</p>
        </div>
      </a>

      <a href="games/runner.html" class="mech-card game-card">
        <h3>O&#8322; Runner</h3>
        <p class="game-type">Action &middot; Progression</p>
        <div class="tech">
          <p>Pilot a dissolved O<sub>2</sub> molecule through the vascular system. Navigate past red blood cells, clots, and narrowing capillaries across five physiological zones. Collect VEGF, HIF-1&alpha;, and pressure boost power-ups.</p>
          <p class="game-learns"><strong>You learn:</strong> Oxygen transport physiology. Each zone milestone explains a mechanism: ROS signaling at 500m, stem cell mobilization at 1000m, angiogenesis at 2000m. The power-ups are named after real biology.</p>
        </div>
        <div class="plain">
          <p>You're an oxygen molecule navigating through blood vessels. Dodge obstacles, collect power-ups, and travel deeper into the body. Each zone teaches you something new about how HBOT works.</p>
          <p class="game-learns"><strong>You learn:</strong> How oxygen travels through your body, what it encounters, and the five key mechanisms HBOT activates&mdash;delivered as milestone cards as you progress.</p>
        </div>
      </a>

      <a href="games/hyperbolic.html" class="mech-card game-card">
        <h3>Hyperbolic Oxygen</h3>
        <p class="game-type">Strategy &middot; Management</p>
        <div class="tech">
          <p>Build and manage an HBOT clinic. Buy chambers, set pricing, hire staff, and navigate market dynamics. Patient demand fluctuates with news events and reputation. Satirical take on the wellness industry with real economics underneath.</p>
          <p class="game-learns"><strong>You learn:</strong> The business realities of HBOT&mdash;capital costs, pricing elasticity, labor economics, and why home ownership makes financial sense vs. clinic visits over time.</p>
        </div>
        <div class="plain">
          <p>Run your own HBOT clinic. Buy equipment, hire people, set prices, and try to stay profitable while industry events shake things up. A management sim with sharp humor about the wellness world.</p>
          <p class="game-learns"><strong>You learn:</strong> Why HBOT costs what it does, how clinics make money, and the real economics behind home vs. clinic treatment.</p>
        </div>
      </a>

    </div>
  </div>
</section>

<!-- ── Why Games ── -->
<section>
  <div class="container">
    <h2>Why Games?</h2>
    <div class="tech">
      <p>Biological mechanisms are easier to internalize through interactive experience than passive reading. Each game maps to different aspects of HBOT science:</p>
      <ul class="content-list">
        <li><strong>Pressure Drop</strong> teaches dose-response&mdash;the relationship between pressure and biological activation thresholds</li>
        <li><strong>O&#8322; Runner</strong> covers oxygen transport physiology&mdash;plasma diffusion, capillary access, and the five major mechanism pathways</li>
        <li><strong>HBOT Tapper</strong> builds intuition for treatment protocols&mdash;session flow, frequency, and equipment management</li>
        <li><strong>Hyperbolic Oxygen</strong> grounds the economics&mdash;why home ownership outperforms clinic visits at scale</li>
      </ul>
      <p>The science content in the games matches the same literature cited on the <a href="index.html">Science</a> page. Nothing is simplified to the point of being wrong.</p>
    </div>
    <div class="plain">
      <p>Reading about biology is one thing. Playing through it is another. Each game is designed to make specific HBOT concepts stick:</p>
      <ul class="content-list">
        <li><strong>Pressure Drop</strong> &mdash; what happens at different pressure levels</li>
        <li><strong>O&#8322; Runner</strong> &mdash; how oxygen travels through your body and what it does</li>
        <li><strong>HBOT Tapper</strong> &mdash; how treatment sessions actually work</li>
        <li><strong>Hyperbolic Oxygen</strong> &mdash; why owning a home chamber saves money</li>
      </ul>
      <p>All the science in the games matches the real research cited on the <a href="index.html">Science</a> page.</p>
    </div>
  </div>
</section>

<!-- ── Page Nav ── -->
<nav class="page-nav">
  <div class="container">
    <a href="glossary.html" class="page-nav-link prev">&larr; Glossary</a>
    <a href="index.html" class="page-nav-link next">Science &rarr;</a>
  </div>
</nav>

<!-- ── Footer ── -->
<footer>
  <div class="container">
    <p><strong>Not medical advice.</strong> Consult your physician before starting HBOT or any new therapy.</p>
    <p>Compiled from clinical literature, February 2026. <a href="index.html">Science</a> &middot; <a href="safety.html">Safety</a> &middot; <a href="costs.html">Costs</a> &middot; <a href="glossary.html">Glossary</a></p>
  </div>
</footer>

<script src="terms.js"></script>
<script src="toggle.js"></script>

</body>
</html>