pianoroll/pianoroll.html
author cavaliet
Mon, 13 Oct 2014 17:53:00 +0200
changeset 15 f1ae020c2872
parent 14 30ee8c47e48f
child 18 517e343a86eb
permissions -rw-r--r--
piano roll works fine... and needs visual enhancement
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>
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
     3
    <title>Piano Roll with pixi.js</title>
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     4
    <style>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     5
        body {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     6
            margin: 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     7
            padding: 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     8
            background-color: #FFF;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     9
        }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    10
        #log {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    11
		    height: 20em;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    12
		    overflow-y: scroll;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    13
		    background-color: #faa;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    14
		}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    15
    </style>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    16
</head>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    17
<body>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    18
    <h1>OSC websocket Piano Roll Test</h1>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    19
    <noscript>You must enable JavaScript</noscript>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    20
    <pre id="log"></pre>
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    21
    <p><a href="#" onclick="clearInterval(moveInterval); clearInterval(linesInterval); return false;">stop intervals</a></p>
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    22
    <script src="pixi.js"></script>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    23
    <script src="app.js"></script>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    24
</body>
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    25
</html>