HorangFS/index.html at main · HorangStudios/HorangFS · 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>

<head>
  <title>HorangFS</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

  <script src="js/three.min.js"></script>
  <script src="js/GLTFLoader.js" defer></script>
  <script src="js/FirstPersonControls.js" defer></script>
  <script src="js/ImprovedNoise.js" defer></script>
  <script src="js/index.js" defer></script>
  <script src="js/npcplane.js" defer></script>
  <script src="js/detectmobilebrowser.js" defer></script>

  <link rel="stylesheet" href="resources/98.css">
  <link rel="stylesheet" href="resources/style.css">
</head>

<body>
  <div id="mobileControls">
    <button onclick="this.blur(); controls.movementSpeed += 1">+</button><br>
    <button onclick="this.blur(); controls.movementSpeed -= 1">-</button><br>
  </div>

  <div id="mobileControlsRight">
    <button onclick="this.blur(); lockedPlane = null">Unlock</button>
  </div>

  <button id="notif" style="display: none;">Shot down enemy plane!</button>

  <div id="loaderbg"></div>

  <div id="loader" style="height: fit-content;">
    <div class="window" style="width: 100%; height: fit-content;">
      <div class="title-bar">
        <div class="title-bar-text">HorangFS</div>
      </div>
      <div class="window-body">
        <div id="loadmessage">
          <br><br><br>
          <h4>Loading Map...</h4>
          <p>Tip: Move your camera around using the mouse to control the plane!</p>
          <br><br><br>
        </div>
        <div id="modeselector" style="display: none;">
          <br><br><br>
          <h4>
            <i>Select Game Mode</i>
          </h4>
          <br>
          <button onclick="startGame(true)" title="Defend your nation by shooting down enemy planes.">Campaign</button>
          &nbsp;&nbsp;&nbsp;
          <button onclick="startGame(false)" title="Fly around without ever worrying about enemy planes.">Free
            flight</button>
          <br><br><br><br>
        </div>
      </div>
    </div>
  </div>
  <div id="navbar" class="window" style="display: none;">
    <div class="title-bar">
      <div class="title-bar-text">
        Throttle: <span id="speed"></span> |
        Altitude: <span id="altitude"></span> |
        Status: <span id="status">OK</span> |
        Kills: <span id="kills">0</span> |
        LOCK: <span id="lock">None</span>
      </div>
      <div class="title-bar-controls">
        <button aria-label="Help" onclick="helpandabout()"></button>
        <button aria-label="Close" onclick="window.location.reload()"></button>
      </div>
    </div>
  </div>
</body>

</html>