pianoroll/pianoroll.html
author cavaliet
Tue, 14 Oct 2014 18:00:13 +0200
changeset 21 89d235bcbbf3
parent 18 517e343a86eb
permissions -rw-r--r--
few enhancements
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     1
<html>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     2
<head>
21
89d235bcbbf3 few enhancements
cavaliet
parents: 18
diff changeset
     3
    <meta charset="UTF-8">
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
     4
    <title>Piano Roll with pixi.js</title>
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     5
    <style>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     6
        body {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     7
            margin: 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     8
            padding: 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     9
            background-color: #FFF;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    10
        }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    11
        #log {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    12
		    height: 20em;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    13
		    overflow-y: scroll;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    14
		    background-color: #faa;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    15
		}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    16
    </style>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    17
</head>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    18
<body>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    19
    <h1>OSC websocket Piano Roll Test</h1>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    20
    <noscript>You must enable JavaScript</noscript>
18
517e343a86eb a bit more config
cavaliet
parents: 15
diff changeset
    21
    <div id="canvasContainer"></div>
21
89d235bcbbf3 few enhancements
cavaliet
parents: 18
diff changeset
    22
    <p><a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a> - temps écoulé : <span id="myspan"></span></p>
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    23
    <pre id="log"></pre>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    24
    <script src="pixi.js"></script>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    25
    <script src="app.js"></script>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    26
</body>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    27
</html>