synth3d/index.html at master · alixf/synth3d · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
        <script type="text/javascript" src='src/libs/three.js'></script>
        <script type="text/javascript" src='src/controls/OrbitControls.js'></script>
        <script type="text/javascript" src='src/controls/TransformControls.js'></script>
        <script type="text/javascript" src='src/LightSetup.js'></script>
        <script type="text/javascript" src='src/Ground.js'></script>
        <script type="text/javascript" src='src/blocks/SpeakerBlock.js'></script>
        <script type="text/javascript" src='src/blocks/OscillatorBlock.js'></script>
        <script type="text/javascript" src='src/blocks/ADSRBlock.js'></script>
        <script type="text/javascript" src='src/blocks/MIDIBlock.js'></script>
        <script type="text/javascript" src='src/blocks/DelayBlock.js'></script>
        <script type="text/javascript" src='src/blocks/LoopBlock.js'></script>
        <script type="text/javascript" src='src/blocks/FilterBlock.js'></script>
        <script type="text/javascript" src='src/blocks/SampleBlock.js'></script>
        <script type="text/javascript" src='src/tools/DefaultTool.js'></script>
        <script type="text/javascript" src='src/tools/CreateTool.js'></script>
        <script type="text/javascript" src='src/tools/TransformTool.js'></script>
        <script type="text/javascript" src='src/tools/LinkTool.js'></script>
        <script type="text/javascript" src='src/main.js'></script>

        <link rel="import" href="synth3d-inspector.html">
        <link rel="stylesheet" href="style.css">
        <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <aside id="blocks">
            <h1>Synth3D</h1>
            <hr>
            <h2>Signal</h2>
            <canvas id="signalCanvas"></canvas>
            <h2>Générateurs</h2>
            <div class="tool" id="oscillatorBlock"><img src="textures/blocks_05.png" alt=""><div>Oscillateur</div></div>
            <div class="tool" id="sampleBlock"><img src="textures/blocks_12.png" alt=""><div>Sample</div></div>
            <h2>Effets</h2>
            <div class="tool" id="delayBlock"><img src="textures/blocks_11.png" alt=""><div>Delay</div></div>
            <div class="tool" id="loopBlock"><img src="textures/blocks_10.png" alt=""><div>Loop</div></div>
            <div class="tool" id="filterBlock"><img src="textures/blocks_09.png" alt=""><div>Filtre</div></div>
            <h2>Contrôleurs</h2>
            <div class="tool" id="adsrBlock"><img src="textures/blocks_06.png" alt=""><div>Enveloppe ADSR</div></div>
            <div class="tool" id="midiBlock"><img src="textures/blocks_07.png" alt=""><div>MIDI</div></div>
        </aside>
        <div id="container"></div>
        <aside id="inspector">
            <synth3d-inspector></synth3d-inspector>
        </aside>
    </body>
</html>