code-red/index.html at main · ericgjerde/code-red · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>Code Red: Jungle Run</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <canvas id="game" aria-label="Code Red: Jungle Run game canvas"></canvas>

  <button id="cheatToggle" type="button">CHEATS <span>C</span></button>

  <div id="cheatMenu" aria-hidden="true">
    <div class="cheat-panel">
      <div class="cheat-header">
        <div>
          <h2>Cheat Menu</h2>
          <p>Click anything below. Toggle this menu with <strong>C</strong>.</p>
        </div>
        <button id="cheatClose" type="button">✕</button>
      </div>
      <h3>Testing toggles</h3>
      <div class="cheat-grid">
        <button data-cheat="GODMODE">God Mode</button>
        <button data-cheat="SHIELD">Mega Shield</button>
        <button data-cheat="GUNS">All Weapons</button>
        <button data-cheat="HYPER">Hyper Soldier</button>
        <button data-cheat="SLOWMO">Slow-Mo</button>
        <button data-cheat="PARTY">Party Mode</button>
        <button data-cheat="NUKE">Screen Nuke</button>
        <button data-cheat="RAIN">Powerup Rain</button>
        <button data-cheat="MONEY">+50k Score</button>
        <button data-cheat="LIFE">+5 Lives</button>
      </div>
      <h3>Add items now</h3>
      <div class="cheat-grid compact">
        <button data-cheat="GIVE_HEAL">Med Kit</button>
        <button data-cheat="GIVE_SHIELD">Shield</button>
        <button data-cheat="GIVE_OVERDRIVE">Overdrive</button>
        <button data-cheat="GIVE_BOOTS">Moon Boots</button>
        <button data-cheat="GIVE_MAGNET">Magnet</button>
        <button data-cheat="GIVE_NOVA">Nova Bomb</button>
        <button data-cheat="GIVE_SPREAD">Spread</button>
        <button data-cheat="GIVE_LASER">Laser</button>
        <button data-cheat="GIVE_FLAME">Flame</button>
        <button data-cheat="GIVE_ROCKET">Rocket</button>
      </div>
      <h3>Add drones</h3>
      <div class="cheat-grid compact">
        <button data-cheat="DRONES">Mixed Squadron</button>
        <button data-cheat="DRONE_LASER">Laser Drone</button>
        <button data-cheat="DRONE_STRIKER">Striker Drone</button>
        <button data-cheat="DRONE_SHIELD">Shield Drone</button>
        <button data-cheat="DRONE_BLASTER">Blaster Drone</button>
        <button data-cheat="DRONE_REPAIR">Repair Drone</button>
      </div>
      <p class="cheat-note">Weapon switching: press <strong>R</strong>/<strong>E</strong>, or tap the mobile <strong>WEAPON</strong> button after collecting more weapons. This menu is also a live testing panel.</p>
    </div>
  </div>

  <div id="touchControls" aria-hidden="true">
    <div class="touch-left">
      <button data-input="left">◀</button>
      <button data-input="right">▶</button>
      <button data-input="up">▲</button>
      <button data-input="down">▼</button>
    </div>
    <div class="touch-right">
      <button data-input="jump">JUMP</button>
      <button data-input="shoot">FIRE</button>
      <button data-input="secondary">ION</button>
      <button data-input="switch">WEAPON</button>
    </div>
  </div>

  <script src="game.js"></script>
</body>
</html>