Comp1004Submission/index.html at main · Tyler8x/Comp1004Submission · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="js/Dungeon Generation.js"></script>
        <script src="js/Scripting.js"></script>
        <script src="js/aStar.js"></script>
        <script src="js/BasicThemeRooms.js"></script>
        <script src="js/PrimsMinimumSpanningTree.js"></script>
        <script src="js/BowyerWatsonDelauneyTriangulation.js"></script>
        <title>Dungeon Generator</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div class="header">
            <h1>Dungeon Generator</h1>
            <p>Fully random maps, at your fingertips</p>
        </div>
        <div class="row">
            <div class="column left">
                <canvas
                    id="myCanvas"
                    width="1560"
                    height="1560"
                    style="
                        width: 100%;
                        transition: opacity 0.2s ease 0s;
                        border: 1px solid #000000;
                    "
                ></canvas>
            </div>
            <div class="column right">
                <div class="input1">
                    <select id="RoomNumber">
                        <option value="4">Few Rooms</option>
                        <option value="5">Some Rooms</option>
                        <option value="6">A Fair Few Rooms</option>
                        <option value="7">A Lot Of Rooms</option>
                        <option value="8">Loads Of Rooms</option>
                    </select>
                    <p>The number of rooms the dungeon will generate with</p>
                </div>
                <br />
                <div class="input2">
                    <select id="dunSize">
                        <option value="30">Extra Small</option>
                        <option value="40">Small</option>
                        <option value="50">Medium</option>
                        <option value="60">Large</option>
                        <option value="70">Extra Large</option>
                    </select>
                    <p>The size of the generated dungeon</p>
                </div>
                <div class="input3">
                    <select id="corridorChance">
                        <option value="0">None</option>
                        <option value="30">Some</option>
                        <option value="50">Most</option>
                        <option value="80">A Lot</option>
                        <option value="100">All</option>
                    </select>
                    <p>
                        The chance of additional corridors spawning, creating
                        loops in the dungeon
                    </p>
                </div>
                <div class="input4">
                    <select id="textureSize">
                        <option value="16">Mockup - 16px</option>
                        <option value="32">Standard - 32px</option>
                        <option value="64">Detailed - 64px</option>
                    </select>
                    <p>The texture resolution of each tile</p>
                </div>
                <br />
                <button type="button" onclick="Debug()">
                    Generate Dungeon
                </button>
                <br><br>
                <text>Save dungeon by right clicking the image, then selecting 'Save As Image'</text>
            </div>
        </div>
        <div class="footer">
            <p>Tyler Richardson Comp 1004 Submission</p>
        </div>
    </body>
</html>