MyGame/index.html at main · CosmicSlothOracle/MyGame · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Ninja Stage Viewer</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
      rel="stylesheet"
    />
    <style>
      html,
      body {
        margin: 0;
        height: 100%;
        background: #000;
      }
      #root {
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
      }
      canvas {
        image-rendering: pixelated;
        image-rendering: crisp-edges;
        /* Canvas size will be set dynamically via JavaScript to maintain aspect ratio */
        display: block; /* Prevents inline spacing issues */
      }
      #overlay {
        position: fixed;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        color: #0f0;
        font: 12px/1.2 monospace;
        background: rgba(0, 0, 0, 0.6);
        padding: 8px 12px;
        border-radius: 6px;
        text-align: center;
        backdrop-filter: blur(4px);
      }
    </style>
  </head>
  <body>
    <div id="root">
      <canvas id="game"></canvas>
    </div>
    <div id="overlay">Loading…</div>
    <script src="js/game-state.js?v=20250110_1"></script>
    <script src="js/ui-components.js?v=20250110_1"></script>
    <script src="js/webgl-renderer.js?v=20250110_1"></script>
    <script src="js/renderer.js?v=20250110_1"></script>
    <script src="js/game-assets.js?v=20250110_1"></script>
    <script src="js/metronome.js?v=20250110_1"></script>
    <script src="js/input-binding-catalog.js?v=20250110_1"></script>
    <script src="js/input-handler.js?v=20250110_1"></script>
    <script src="js/npc-controller.js?v=20250110_1"></script>
    <script src="js/particle-system.js?v=20250110_1"></script>
    <script src="js/character-catalog.js?v=20250110_1"></script>
    <script src="js/attack-catalog.js?v=20250110_1"></script>
    <script src="js/movement-system.js?v=20250110_1"></script>
    <script src="js/attack-system.js?v=20250110_1"></script>
    <script src="js/dance-catalog.js?v=20250110_1"></script>
    <script src="js/ultimeter-manager.js?v=20250110_1"></script>
    <script src="js/dance-spot-manager.js?v=20250110_1"></script>
    <script src="js/tutorial-system.js?v=20250110_1"></script>
    <script src="js/physics.js?v=20250110_1"></script>
    <script src="js/audio-system.js?v=20250110_1"></script>
    <script src="js/performance-monitor.js?v=20250110_1"></script>
    <script src="js/main.js?v=20250110_1"></script>
  </body>
</html>