|
28
|
1 |
<html> |
|
|
2 |
<head> |
|
|
3 |
<meta charset="UTF-8"> |
|
|
4 |
<title>Piano Roll with pixi.js</title> |
|
|
5 |
<style> |
|
|
6 |
body { |
|
|
7 |
margin: 0; |
|
|
8 |
padding: 0; |
|
|
9 |
background-color: #FFF; |
|
|
10 |
} |
|
|
11 |
#log { |
|
|
12 |
height: 20em; |
|
|
13 |
overflow-y: scroll; |
|
|
14 |
background-color: #faa; |
|
|
15 |
} |
|
|
16 |
</style> |
|
|
17 |
</head> |
|
|
18 |
<body> |
|
|
19 |
<h1>OSC websocket Piano Roll Test</h1> |
|
|
20 |
<noscript>You must enable JavaScript</noscript> |
|
|
21 |
<div id="canvasContainer"></div> |
|
|
22 |
<p><a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a> - temps écoulé : <span id="myspan"></span></p> |
|
|
23 |
<pre id="log"></pre> |
|
|
24 |
<script src="/static/js/pixi.js"></script> |
|
|
25 |
<script src="/static/js/pianoroll.js"></script> |
|
|
26 |
</body> |
|
|
27 |
</html> |