index.html

﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Sigma Grind</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=Press+Start+2P&display=swap"
            rel="stylesheet"
        />

        <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=Zen+Dots&display=swap"
            rel="stylesheet"
        />

        <link rel="stylesheet" href="./index.css" />
        <script type="text/javascript" src="./levels/levelone.js"></script>
        <script type="text/javascript" src="./levels/testlevel.js"></script>
        <script type="text/javascript" src="./levels/sigmaArena.js"></script>
        <script
            type="text/javascript"
            src="./levels/purpleMountainLevel.js"
        ></script>
        <script type="text/javascript" src="./assetmanager.js"></script>
        <script type="text/javascript" src="./soundmanager.js"></script>
        <script type="text/javascript" src="./timer.js"></script>
        <script type="text/javascript" src="./gameengine.js"></script>
        <script type="text/javascript" src="./util.js"></script>
        <script
            type="text/javascript"
            src="./entities/enemies/PopUpEnemy.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/Spike.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/Turret.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/TurretBullet.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/Lava.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/util/SceneManager.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/util/BoundingBox.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/util/DatGuiInit.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/tiles/Ground.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/tiles/BossDoor.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/backgrounds/Water.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/backgrounds/PurpleMountain.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/DogBoss.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/GroundProjectile.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/AirProjectile.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/Sigma.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/SigmaAttacks.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/Drill.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/BeamBarrier.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/SpikeBall.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/enemies/Mettaur.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/support/Rush.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/support/Sign.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/support/TimeIndicator.js"
        ></script>
        <script type="text/javascript" src="./entities/Player.js"></script>
        <script
            type="text/javascript"
            src="./entities/items/FullHealthPack.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/items/SmallHealthPack.js"
        ></script>
        <script type="text/javascript" src="./entities/items/Clock.js"></script>
        <script type="text/javascript" src="./animator.js"></script>
        <script type="text/javascript" src="./main.js"></script>
        <script type="text/javascript" src="./dat.gui.min.js"></script>
        <script type="text/javascript" src="./stats.min.js"></script>
        <script type="text/javascript" src="./entities/HealthBar.js"></script>
        <script
            type="text/javascript"
            src="./entities/support/Checkpoint.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/Eregion.js"
        ></script>
        <script
            type="text/javascript"
            src="./entities/bosses/HomingBall.js"
        ></script>
    </head>

    <body>
        <div class="center">
            <img
                class="center"
                src="./sprites/titlecard.png"
                alt="Italian Trulli"
                style="width: 100%; height: 100%; opacity: 0"
            />
            <br />
        </div>
        <canvas
            id="gameWorld"
            width="1024"
            height="768"
            class="center"
            tabindex="0"
            autofocus
        ></canvas>

        <div class="debug">
            <p>Volume:</p>
            <input
                type="range"
                min="0"
                max="100"
                value="50"
                class="slider"
                id="volume"
            />
            <div>
                <p>Background Music:</p>
                <input
                    type="range"
                    min="0"
                    max="100"
                    value="50"
                    class="slider"
                    id="background-music"
                />
                <br />
                <input type="checkbox" id="debug" /> Debug
            </div>
            <p id="state"></p>
            <p id="stateP"></p>
            <p id="velo"></p>
            <p id="attacking"></p>
        </div>
    </body>
</html>