diff --git a/index.html b/index.html
index 4d2a2a9..46ec66f 100644
--- a/index.html
+++ b/index.html
@@ -7,18 +7,26 @@
WebSocket Test
@@ -57,11 +69,11 @@
var balls_online = new Array();
var svglines_online = new Array();
var speed = 100;
+ var line_kind = 0;
function init() {
var statusbar = document.getElementById('status');
ballscreen = document.getElementById("ballscreen");
- document.getElementById("myName").innerHTML = myName;
svgscreen = document.getElementById("svgscreen");
if ("WebSocket" in window){
@@ -116,7 +128,13 @@
};
svglines_online = new Array();
for (var i = lines.length - 1; i >= 0; i--) {
- svglines_online.push(addLine(lines[i], svgscreen));
+ var current = addLine(lines[i], svgscreen);
+ if(lines[i].line_kind == 0){
+ current.setAttribute('class', "guitar");
+ } else {
+ current.setAttribute('class', "solid");
+ }
+ svglines_online.push(current);
};
@@ -127,6 +145,11 @@
function drawStart(line){
current_svgline = addLine(line, svgscreen);
+ if(line_kind == 0){
+ current_svgline.setAttribute('class', "guitar");
+ } else {
+ current_svgline.setAttribute('class', "solid");
+ }
}
function drawMove(line){
@@ -135,7 +158,7 @@
function drawEnd(line){
drawRemove(line);
- line.line_kind = 1;
+ line.line_kind = line_kind;
var packet = {
command: 'add line',
data: line
@@ -162,6 +185,14 @@
websocket.send(JSON.stringify(packet));
}
+ function changeKind() {
+ line_kind = line_kind + 1;
+ line_kind = line_kind % 2;
+ var kind_str = "guitar";
+ if(line_kind == 1) kind_str = "solid"
+ document.getElementById("line_kind").innerHTML = kind_str;
+ }
+
window.addEventListener("load", init, false);
setTimeout(function (){
@@ -174,10 +205,13 @@
+
-My name is:
-Status: CONNECTING...
+