bfxr2/index.html at master · increpare/bfxr2 · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link rel="icon" type="image/png" href="favicon.png">

        <title>Bfxr.  Make sound effects for your games.</title>
        <meta name="description" content="Bfxr is a simple tool for creating unique sound effects for games.">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!--SCRIPT_INCLUDES_START-->
        <script src="js/globals.js"></script>


        <script src="js/third_party/bootstrap-slider.js"></script>
        <script src="js/third_party/input-knobs.js"></script>

        <script src="js/third_party/jszip.js"></script>
        <script src="js/audio/riffwave.js"></script>

        <script src="js/audio/audio_globals.js"></script>
        <script src="js/synths/templates.js"></script>

        <script src="js/audio/AKWF.js"></script>
        <script src="js/audio/RealizedSound.js"></script>
        <script src="js/audio/puredata.js"></script>
        <script src="js/audio/puredata_modules.js"></script>
        <script src="js/audio/puredata_parser.js"></script>


        <script src="js/audio/Bfxr_DSP.js"></script>

        <script src="js/synths/SynthBase.js"></script>
        <script src="js/synths/Bfxr.js"></script>
        <script src="js/synths/Footsteppr.js"></script>
        <script src="js/synths/Transfxr.js"></script>

        <script src="js/Tab.js"></script>
        <script src="js/SaveLoad.js"></script>
        <script src="js/index.js"></script>
        <!--SCRIPT_INCLUDES_END-->

        <!--CSS_INCLUDES_START-->
        <link rel="stylesheet" href="css/third_party/bootstrap-tooltip.css">
        <link rel="stylesheet" href="css/third_party/bootstrap-slider.css">
        <link rel="stylesheet" href="css/slider.css">
        <link rel="stylesheet" href="css/index.css">
        <!--CSS_INCLUDES_END-->
    </head>
    <body>
        <div id="dropzone" class="dropzone">Drag file to load</div>
        <div id="main_container">
            <div id="tab_bar">
            </div>
            <div id="tab_page_manager">
            </div>
            <div id="footer">
                <a href="http://www.increpare.com">increpare</a> · <a href="https://github.com/sponsors/increpare">sponsor</a> · <a href="https://paypal.me/increparegames">paypal</a> · <a href="https://github.com/increpare/bfxr2">source code</a> · <a href="https://www.bfxr.net/v1">old flash version</a>
            </div>
        </div>
        <dialog id="about-dialog">
            <div class="dialog-tabs">
                <button class="dialog-tab active" data-tab="about">About</button>
                <button class="dialog-tab" data-tab="shortcuts">Shortcuts</button>
            </div>
            <div class="dialog-content">
                <div id="about-tab" class="tab-content active">
                    <h2>About Bfxr</h2>
                    <p>Make sound effects for your games!</p>
                    <p>Bfxr is an open-source tool based on <a href="https://drpetter.se/" target="_blank">drpetter's</a> <a href="https://www.drpetter.se/project_sfxr.html" target="_blank">sfxr</a>, written by <a href="https://increpare.com/" target="_blank">your friendly neighbourhood increpare</a>.</p>
                    <p>Footsteppr is a port of <a href="https://obiwannabe.co.uk/" target="_blank">obiwannabe's</a> <a href="https://gist.github.com/increpare/dc5d54d7484211b259de9ef9fb0d140c" target="_blank">footstep generator</a>, originally written in puredata.</p>
                    <p>You can find out much more about where bfxr came from <a href="https://github.com/increpare/bfxr2?tab=readme-ov-file#archaeology" target="_blank">here</a>.</p>
                </div>
                <div id="shortcuts-tab" class="tab-content">
                    <h2>Keyboard Shortcuts</h2>
                    <dl class="shortcuts-list">
                        <dt>SPACE/ENTER</dt>
                        <dd>Play currently selected sound</dd>
                        <dt>CTRL+O</dt>
                        <dd>Open .bfxr/.bcol file from disk</dd>
                        <dt>CTRL+E</dt>
                        <dd>Export current sound as WAV file.</dd>
                        <dt>CTRL+S</dt>
                        <dd>Save current sound as .bfxr file</dd>
                        <dt>CTRL+C</dt>
                        <dd>Copy current sound</dd>
                        <dt>CTRL+V</dt>
                        <dd>Paste current sound</dd>
                        <dt>L</dt>
                        <dd>Lock/unlock all parameters</dd>
                        <dt>R</dt>
                        <dd>Randomize all parameters</dd>
                        <dt>M</dt>
                        <dd>Mutate current sound</dd>
                    </dl>
                </div>
            </div>
            <button autofocus onclick="document.getElementById('about-dialog').close()">Close</button>
        </dialog>

        <dialog id="export-dialog">
            <h2>Generating Catalogue...</h2>
            <label for="export-progress">Progress</label>
            <progress id="export-progress" value="0" max="100">0%</progress>
            <div id="export-progress-text">0/0 files generated</div>
            <a id="export-download-link" href="#" download="all_sounds.zip">Download</a>
            <button autofocus onclick="document.getElementById('export-dialog').close()">Close</button>
        </dialog>
    </body>
</html>