|
|
@ -7,13 +7,15 @@ |
|
|
|
<title>WebSocket Test</title> |
|
|
|
<style type="text/css"> |
|
|
|
body { |
|
|
|
color: #fff; |
|
|
|
background: #000; |
|
|
|
font-size: 16pt; |
|
|
|
margin: 0px; |
|
|
|
overflow: hidden; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
#ballscreen { |
|
|
|
position: absolute; |
|
|
|
position: relative; |
|
|
|
background-color: rgba(0.0, 0.0, 0.0, 0.0); |
|
|
|
width: 320px; |
|
|
|
height: 480px; |
|
|
@ -33,7 +35,6 @@ |
|
|
|
background-color: #f00; |
|
|
|
} |
|
|
|
#svgscreen { |
|
|
|
background-color: #adf; |
|
|
|
position: absolute; |
|
|
|
width: 320px; |
|
|
|
height: 480px; |
|
|
@ -81,8 +82,8 @@ |
|
|
|
var balls = ret.balls; |
|
|
|
var lines = ret.lines; |
|
|
|
|
|
|
|
for(ball in balls_online){ |
|
|
|
ball.should_remove = true; |
|
|
|
for(i in balls_online){ |
|
|
|
balls_online[i].should_remove = true; |
|
|
|
} |
|
|
|
for (var i = balls.length - 1; i >= 0; i--) { |
|
|
|
var ball = document.getElementById(balls[i].information); |
|
|
@ -170,11 +171,13 @@ |
|
|
|
</head> |
|
|
|
<body ontouchmove="prevent_scrolling(event);"> |
|
|
|
|
|
|
|
<p>My name is: <span id="myName"></span></p> |
|
|
|
<p>Status: <span id="status">CONNECTING...</span></p> |
|
|
|
|
|
|
|
<svg id="svgscreen" xmlns="http://www.w3.org/2000/svg" version="1.1"></svg> |
|
|
|
<svg id="svgscreen" xmlns="http://www.w3.org/2000/svg" version="1.1"> |
|
|
|
<rect width="100%" height="100%" style="fill:rgb(255, 255, 255); opacity:0.1; stroke-width:1; stroke:rgb(0,0,0)"/> |
|
|
|
</svg> |
|
|
|
<div id="ballscreen"></div> |
|
|
|
|
|
|
|
My name is: <span id="myName"></span><br/> |
|
|
|
Status: <span id="status">CONNECTING...</span> |
|
|
|
|
|
|
|
</body> |
|
|
|
</html> |
|
|
|