BBTGMOIATFI/index.html at main · ddededodediamante/BBTGMOIATFI · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>BBTGMOIATFI</title>

    <link rel="stylesheet" href="styles.css">

    <meta name="description" content="Bouncy Balls That Give Money On Impact Against The Floor Incremental">
    <meta name="author" content="ddededodediamante">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta property="og:title" content="BBTGMOIATFI">
    <meta property="og:description" content="Bouncy Balls That Give Money On Impact Against The Floor Incremental">
    <meta property="og:image"
        content="https://bouncyballsthatgivemoneyonimpactagainstthefloorincremental.vercel.app/images/icon.png">
    <meta property="og:url" content="https://bouncyballsthatgivemoneyonimpactagainstthefloorincremental.vercel.app/">
    <meta property="og:type" content="website">

    <meta name="twitter:title" content="BBTGMOIATFI">
    <meta name="twitter:description" content="Bouncy Balls That Give Money On Impact Against The Floor Incremental">
    <meta name="twitter:image"
        content="https://bouncyballsthatgivemoneyonimpactagainstthefloorincremental.vercel.app/images/icon.png">
    <meta name="twitter:card" content="summary">
</head>

<body>
    <audio id="backgroundMusic" style="display: none;" loop src="/music/Disco con Tutti.mp3"></audio>

    <div id="information">what</div>

    <div class="popup" id="perksShop" style="display: none">
        <button class="closePopup">X</button>

        <h2>Perks Shop</h2>

        <button id="perksGoldBalls">Gold Balls (Cost: 2400)</button>
        <p>Adds a 10% chance of a ball spawning as gold (x2.5 value)</p>
        <button id="perksFastConveyor">Fast Conveyor (Cost: 3000)</button>
        <p>Doubles the speed of the conveyor</p>
        <button id="perksSplitBalls">Split Balls (Cost: 5000)</button>
        <p>Adds a 9% chance of a ball splitting on impact</p>
    </div>

    <div class="popup" id="settings" style="display: none">
        <button class="closePopup">X</button>

        <h2>Settings</h2>

        <div>
            <button id="toggleMusicButton">Toggle Music</button>
            <button id="toggleSoundEffectsButton">Toggle SoundEffects</button>
        </div>

        <div>
            <datalist id="musicPaths">
                <option value="Disco con Tutti.mp3">
                <option value="Meadow Thoughts.ogg">
                <option value="Summer Park.ogg"></option>
            </datalist>
            <input type="url" placeholder="Music URL" list="musicPaths" id="musicUrlInput">
            <button id="setMusicUrlButton">Set Music URL</button>
        </div>

        <p>"Disco con Tutti" Kevin MacLeod (incompetech.com)<br>Licensed under Creative Commons: By <a
                href="http://creativecommons.org/licenses/by/4.0/">Attribution 4.0 License</a></p>

        <br>

        <button class="red" onclick="(() => {
            if (window.confirm(`Are you REALLY sure? You won't be able to recover this data and it will be lost FOREVER!`) === true) {
                window.deleteAllMyData = true;
                localStorage.removeItem('gameData');
                window.location.reload();
            }
        })()">Delete all data</button>
    </div>

    <div class="popup" id="advancements" style="display: none">
        <button class="closePopup">X</button>

        <h2>Advancements</h2>

        <div id="advancementList" style="width: 100%; max-height: 70vh; overflow-y: auto; padding: 5px;"></div>
    </div>

    <div class="popup" id="prestige" style="display: none">
        <button class="closePopup">X</button>
        <div id="prestigePopupContent"></div>
    </div>

    <button id="toggleButtonHolder" style="display: none;">
        <img src="/images/menu.svg"></img>
    </button>

    <div id="buttonHolder">
        <div class="inline">
            <button id="openSettings">Settings</button>
            <button id="openAdvancements">Advancements</button>
        </div>
        <div class="line"></div>
        <div class="inline">
            <button id="openPerksShop">Perks Shop</button>
            <button id="openPrestige">Prestige</button>
        </div>
        <div class="line"></div>
    </div>
    <canvas id="gameCanvas"></canvas>

    <!-- Matter.js library from CDN -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
    <script src="script.js"></script>
</body>

</html>