index.html

﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Sundew Valley</title>
    <!-- html icon -->
    <link href="./images/portrait_cow_kigurumi.png" rel="icon" type="image/png"/>
    <!-- entity js files -->
    <script src="./entities/abstract.js" type="text/javascript"></script>
    <script src="./entities/object2d.js" type="text/javascript"></script>
    <script src="./entities/entity.js" type="text/javascript"></script>
    <script src="./entities/creature.js" type="text/javascript"></script>
    <script src="./entities/animal.js" type="text/javascript"></script>
    <script src="./entities/chicken.js" type="text/javascript"></script>
    <script src="./entities/cow.js" type="text/javascript"></script>
    <script src="./entities/goat.js" type="text/javascript"></script>
    <script src="./entities/pig.js" type="text/javascript"></script>
    <script src="./entities/sheep.js" type="text/javascript"></script>
    <script src="./entities/character.js" type="text/javascript"></script>
    <script src="./entities/player.js" type="text/javascript"></script>
    <script src="./entities/crop.js" type="text/javascript"></script>
    <script src="./entities/interactable.js" type="text/javascript"></script>
    <script src="./entities/chest.js" type="text/javascript"></script>
    <script src="./entities/npc.js" type="text/javascript"></script>
    <!-- Tiled map editor support js files -->
    <script src="./tiled/trigger.js" type="text/javascript"></script>
    <script src="./tiled/levelData.js" type="text/javascript"></script>
    <script src="./tiled/abstract.js" type="text/javascript"></script>
    <script src="./tiled/level.js" type="text/javascript"></script>
    <script src="./tiled/dirtTiles.js" type="text/javascript"></script>
    <script src="./tiled/wateredDirtTiles.js" type="text/javascript"></script>
    <script src="./tiled/farm.js" type="text/javascript"></script>
    <script src="./tiled/bedroom.js" type="text/javascript"></script>
    <!-- ui js files -->
    <script src="./ui/transition.js" type="text/javascript"></script>
    <script src="./ui/gui.js" type="text/javascript"></script>
    <script src="./ui/tiledStaticImage.js" type="text/javascript"></script>
    <script src="./ui/items.js" type="text/javascript"></script>
    <script src="./ui/messagebox.js" type="text/javascript"></script>
    <script src="./ui/container.js" type="text/javascript"></script>
    <script src="ui/itemBarUI.js" type="text/javascript"></script>
    <script src="ui/inventoryUI.js" type="text/javascript"></script>
    <script src="ui/chestUI.js" type="text/javascript"></script>
    <script src="./ui/tradingUI.js" type="text/javascript"></script>
    <script src="ui/dialogues.js" type="text/javascript"></script>
    <script src="./ui/ui.js" type="text/javascript"></script>
    <!-- framework js files -->
    <script src="./framework/font.js" type="text/javascript"></script>
    <script src="./framework/controller.js" type="text/javascript"></script>
    <script src="./framework/dateTimeSystem.js" type="text/javascript"></script>
    <script src="./framework/animator.js" type="text/javascript"></script>
    <script src="./framework/debugger.js" type="text/javascript"></script>
    <script src="./framework/assetManager.js" type="text/javascript"></script>
    <script src="./framework/timer.js" type="text/javascript"></script>
    <script src="./framework/gameEngine.js" type="text/javascript"></script>
    <script src="./framework/util.js" type="text/javascript"></script>
    <!-- main -->
    <script src="./main.js" type="text/javascript"></script>
</head>
<body style="background: url('./images/background.png');background-size: cover">
<ul id="debugDashboard" style="background-color: white; width: 20%"></ul>
<div style="display: inline-block; left: 25%;
    position: absolute;
    top: 0;">
    <p>Tutorial: <a href="./Game_Guide/index.html" rel="noopener noreferrer" target="_blank">here</a></p>
    <canvas autofocus height="768" id="gameWorld" oncontextmenu="return false;"
            style="background: black; border: 1px solid black"
            tabindex="0" width="960"></canvas>
    <br>
    <label for="debug">
        <input id="debug" onclick="Debugger.switchDebugMode()" type="checkbox"> Debug
    </label>
    <label for="mute">
        <input id="mute" type="checkbox"> Mute
    </label>
    <label for="volume">
        <input id="volume" max="1" min="0" step="0.1" type="range" value="0.1"> Volume
    </label>
    <button onclick="Controller.clearMovement(); Controller.up = true" type="button">Up</button>
    <button onclick="Controller.clearMovement(); Controller.down = true" type="button">Down</button>
    <button onclick="Controller.clearMovement(); Controller.left = true" type="button">Left</button>
    <button onclick="Controller.clearMovement(); Controller.right = true" type="button">Right</button>
    <button onclick="Controller.clearMovement()" type="button">Stop</button>
</div>
</body>
</html>