SledHEAD/index.html at main · truevox/SledHEAD · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>SledHEAD</title>
  <link rel="stylesheet" href="styles.css">
  <script src="js/canvas-fix.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.min.js"></script>
</head>
<body>
  <!-- UI Elements -->
  <div id="cursor-position"
       style="position: fixed; top: 10px; left: 10px; background: rgba(0,0,0,0.7); color: white;
              padding: 5px; border-radius: 3px; font-family: monospace; z-index: 1000;">
    Position: (0.0, 0.0) | Layer: 0
  </div>

  <!-- Debug Controls -->
  <div id="debug-controls"
       style="position: fixed; top: 10px; right: 10px; background: rgba(0,0,0,0.7); color: white;
              padding: 5px; border-radius: 3px; font-family: monospace; z-index: 1000; display: flex; gap: 10px;">
    <button id="respawn-animals" style="background: #ff5722; color: white; border: none; padding: 5px 10px; cursor: pointer; border-radius: 3px;">
      Respawn Animals
    </button>
  </div>

  <div id="victoryBanner"
       style="display: none; position: fixed; top: 50%; left: 50%;
              transform: translate(-50%, -50%); background: gold; padding: 20px;
              border-radius: 10px; text-align: center; font-size: 24px; font-weight: bold; z-index: 1000;">
    🎉 VICTORY! 🎉<br>
    You've paid off your loan!
  </div>

  <h1>SledHEAD</h1>
  <div id="moneyDisplay">
    <p id="moneyText">Money: $200</p>
  </div>

  <div id="game-screen"></div>

  <!-- Upgrades -->
  <div id="upgrade-menu">
    <div class="game-controls">
      <button id="startGame">Start Sled Run</button>
      <button id="payLoan">Pay Loan ($100,000)</button>
    </div>
    <div id="dynamic-upgrade-columns" class="upgrade-menu-columns">
      <!-- Populated dynamically -->
    </div>
    <p id="bestTimeText">Best Time: N/A</p>
  </div>

  <!-- JS Includes -->
  <script src="js/settings.js"></script>
  <script src="js/notify.js"></script>
  <script src="js/utils.js"></script>
  <script src="js/input.js"></script>
  <script src="js/mountainLayers.js"></script>
  <script src="js/world.js"></script>
  <script src="js/player.js"></script>
  <script src="js/entities.js"></script>
  <script src="js/wildlife.js"></script>
  <script src="js/mobs/bear.js"></script>
  <script src="js/mobs/mountainlion.js"></script>
  <script src="js/mobs/bird.js"></script>
  <script src="js/animal-loader.js"></script>
  <!-- Disabling wildlife-fix.js to resolve animal warping issues -->
  <!-- <script src="js/wildlife-fix.js"></script>  //DO NOT UNCOMMENT THIS-->
  <script src="js/trees.js"></script>
  <script src="js/photoLogic.js"></script>
  <script src="js/camera.js"></script>
  <script src="js/jumpsled.js"></script>
  <script src="js/mechanics.js"></script>
  <script src="js/render.js"></script>
  <script src="js/stamina.js"></script>
  <script src="js/loan.js"></script>
  <script src="js/uphill.js"></script>

  <!-- Modules -->
  <script type="module" src="js/registry.js"></script>
  <script type="module" src="js/tricks.js"></script>
  <script type="module" src="js/downhill.js"></script>
  <script type="module" src="js/upgradeData.js"></script>
  <script type="module" src="js/upgradeLogic.js"></script>
  <script type="module" src="js/upgrades.js"></script>
  <script type="module" src="js/game.js"></script>

  <!-- Animal rendering fix -->
  <script src="js/fix-animal-rendering.js"></script>
  <!-- Disabling animal-debug.js to resolve animal spawning issues -->
  <!-- <script src="js/animal-debug.js"></script>  //DO NOT UNCOMMENT THIS-->
  <script src="js/animal-test.js"></script>
  <!-- <script src="js/house.js"></script> -->
</body>
</html>