Implement set instruction.

[guacamole-common-js.git] / src / main / resources / guacamole.js

diff --git a/src/main/resources/guacamole.js b/src/main/resources/guacamole.js
index 9f96dda..0e2181b 100644 (file)
--- a/src/main/resources/guacamole.js
+++ b/src/main/resources/guacamole.js
@@ -68,6 +68,24 @@ Guacamole.Client = function(tunnel) {
     var displayWidth = 0;
     var displayHeight = 0;
 
+    /**
+     * Translation from Guacamole protocol line caps to Layer line caps.
+     */
+    var lineCap = {
+        0: "butt",
+        1: "round",
+        2: "square"
+    };
+
+    /**
+     * Translation from Guacamole protocol line caps to Layer line caps.
+     */
+    var lineJoin = {
+        0: "bevel",
+        1: "miter",
+        2: "round"
+    };
+
     // Create display
     var display = document.createElement("div");
     display.style.position = "relative";
@@ -82,6 +100,7 @@ Guacamole.Client = function(tunnel) {
     default_layer_container_element.style.position = "absolute";
     default_layer_container_element.style.left = "0px";
     default_layer_container_element.style.top  = "0px";
+    default_layer_container_element.style.overflow = "hidden";
 
     // Create cursor layer
     var cursor = new Guacamole.Client.LayerContainer(0, 0);
@@ -223,6 +242,7 @@ Guacamole.Client = function(tunnel) {
             layer_element.style.position = "absolute";
             layer_element.style.left = "0px";
             layer_element.style.top = "0px";
+            layer_element.style.overflow = "hidden";
 
             // Add to default layer container
             default_layer_container.getElement().appendChild(layer_element);
@@ -244,8 +264,36 @@ Guacamole.Client = function(tunnel) {
 
     }
 
+    /**
+     * Handlers for all defined layer properties.
+     */
+    var layerPropertyHandlers = {
+
+        "miter-limit": function(layer, value) {
+            layer.setMiterLimit(parseFloat(value));
+        }
+
+    };
+    
+    /**
+     * Handlers for all instruction opcodes receivable by a Guacamole protocol
+     * client.
+     */
     var instructionHandlers = {
 
+        "arc": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+            var x = parseInt(parameters[1]);
+            var y = parseInt(parameters[2]);
+            var radius = parseInt(parameters[3]);
+            var startAngle = parseFloat(parameters[4]);
+            var endAngle = parseFloat(parameters[5]);
+
+            layer.arc(x, y, radius, startAngle, endAngle);
+
+        },
+
         "cfill": function(parameters) {
 
             var channelMask = parseInt(parameters[0]);
@@ -273,6 +321,14 @@ Guacamole.Client = function(tunnel) {
             if (guac_client.onclipboard) guac_client.onclipboard(parameters[0]);
         },
 
+        "close": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+
+            layer.close();
+
+        },
+
         "copy": function(parameters) {
 
             var srcL = getLayer(parseInt(parameters[0]));
@@ -299,6 +355,24 @@ Guacamole.Client = function(tunnel) {
 
         },
 
+        "cstroke": function(parameters) {
+
+            var channelMask = parseInt(parameters[0]);
+            var layer = getLayer(parseInt(parameters[1]));
+            var cap = lineCap[parseInt(parameters[2])];
+            var join = lineJoin[parseInt(parameters[3])];
+            var thickness = parseInt(parameters[4]);
+            var r = parseInt(parameters[5]);
+            var g = parseInt(parameters[6]);
+            var b = parseInt(parameters[7]);
+            var a = parseInt(parameters[8]);
+
+            layer.setChannelMask(channelMask);
+
+            layer.strokeColor(cap, join, thickness, r, g, b, a);
+
+        },
+
         "cursor": function(parameters) {
 
             cursorHotspotX = parseInt(parameters[0]);
@@ -328,6 +402,20 @@ Guacamole.Client = function(tunnel) {
 
         },
 
+        "curve": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+            var cp1x = parseInt(parameters[1]);
+            var cp1y = parseInt(parameters[2]);
+            var cp2x = parseInt(parameters[3]);
+            var cp2y = parseInt(parameters[4]);
+            var x = parseInt(parameters[5]);
+            var y = parseInt(parameters[6]);
+
+            layer.curveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+
+        },
+
         "dispose": function(parameters) {
             
             var layer_index = parseInt(parameters[0]);
@@ -354,11 +442,87 @@ Guacamole.Client = function(tunnel) {
 
         },
 
+        "distort": function(parameters) {
+
+            var layer_index = parseInt(parameters[0]);
+            var a = parseFloat(parameters[1]);
+            var b = parseFloat(parameters[2]);
+            var c = parseFloat(parameters[3]);
+            var d = parseFloat(parameters[4]);
+            var e = parseFloat(parameters[5]);
+            var f = parseFloat(parameters[6]);
+
+            // Only valid for visible layers (not buffers)
+            if (layer_index >= 0) {
+
+                // Get container element
+                var layer_container = getLayerContainer(layer_index).getElement();
+
+                // Set layer transform 
+                layer_container.style.transform =
+                layer_container.style.WebkitTransform =
+                layer_container.style.MozTransform =
+                layer_container.style.OTransform =
+                layer_container.style.msTransform =
+
+                    /* a c e
+                     * b d f
+                     * 0 0 1
+                     */
+            
+                    "matrix(" + a + "," + b + "," + c + "," + d + "," + e + "," + f + ")";
+
+             }
+
+        },
+ 
         "error": function(parameters) {
             if (guac_client.onerror) guac_client.onerror(parameters[0]);
             guac_client.disconnect();
         },
 
+        "identity": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+
+            layer.setTransform(1, 0, 0, 1, 0, 0);
+
+        },
+
+        "lfill": function(parameters) {
+
+            var channelMask = parseInt(parameters[0]);
+            var layer = getLayer(parseInt(parameters[1]));
+            var srcLayer = getLayer(parseInt(parameters[2]));
+
+            layer.setChannelMask(channelMask);
+
+            layer.fillLayer(srcLayer);
+
+        },
+
+        "line": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+            var x = parseInt(parameters[1]);
+            var y = parseInt(parameters[2]);
+
+            layer.lineTo(x, y);
+
+        },
+
+        "lstroke": function(parameters) {
+
+            var channelMask = parseInt(parameters[0]);
+            var layer = getLayer(parseInt(parameters[1]));
+            var srcLayer = getLayer(parseInt(parameters[2]));
+
+            layer.setChannelMask(channelMask);
+
+            layer.strokeLayer(srcLayer);
+
+        },
+
         "move": function(parameters) {
             
             var layer_index = parseInt(parameters[0]);
@@ -413,6 +577,22 @@ Guacamole.Client = function(tunnel) {
 
         },
 
+        "pop": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+
+            layer.pop();
+
+        },
+
+        "push": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+
+            layer.push();
+
+        },
+ 
         "rect": function(parameters) {
 
             var layer = getLayer(parseInt(parameters[0]));
@@ -432,33 +612,69 @@ Guacamole.Client = function(tunnel) {
             layer.reset();
 
         },
- 
+        
+        "set": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+            var name = parameters[1];
+            var value = parameters[2];
+
+            // Call property handler if defined
+            var handler = layerPropertyHandlers[name];
+            if (handler)
+                handler(layer, value);
+
+        },
+
+        "shade": function(parameters) {
+            
+            var layer_index = parseInt(parameters[0]);
+            var a = parseInt(parameters[1]);
+
+            // Only valid for visible layers (not buffers)
+            if (layer_index >= 0) {
+
+                // Get container element
+                var layer_container = getLayerContainer(layer_index).getElement();
+
+                // Set layer opacity
+                layer_container.style.opacity = a/255.0;
+
+            }
+
+        },
+
         "size": function(parameters) {
 
             var layer_index = parseInt(parameters[0]);
             var width = parseInt(parameters[1]);
             var height = parseInt(parameters[2]);
 
-            // Only valid for layers (buffers auto-resize)
-            if (layer_index >= 0) {
+            // Resize layer
+            var layer_container = getLayerContainer(layer_index);
+            layer_container.resize(width, height);
 
-                // Resize layer
-                var layer_container = getLayerContainer(layer_index);
-                layer_container.resize(width, height);
+            // If layer is default, resize display
+            if (layer_index == 0) {
 
-                // If layer is default, resize display
-                if (layer_index == 0) {
+                displayWidth = width;
+                displayHeight = height;
 
-                    displayWidth = width;
-                    displayHeight = height;
+                // Update (set) display size
+                display.style.width = displayWidth + "px";
+                display.style.height = displayHeight + "px";
 
-                    // Update (set) display size
-                    display.style.width = displayWidth + "px";
-                    display.style.height = displayHeight + "px";
+            }
 
-                }
+        },
+        
+        "start": function(parameters) {
 
-            } // end if layer (not buffer)
+            var layer = getLayer(parseInt(parameters[0]));
+            var x = parseInt(parameters[1]);
+            var y = parseInt(parameters[2]);
+
+            layer.moveTo(x, y);
 
         },
 
@@ -529,6 +745,20 @@ Guacamole.Client = function(tunnel) {
                 transferFunction
             );
 
+        },
+
+        "transform": function(parameters) {
+
+            var layer = getLayer(parseInt(parameters[0]));
+            var a = parseFloat(parameters[1]);
+            var b = parseFloat(parameters[2]);
+            var c = parseFloat(parameters[3]);
+            var d = parseFloat(parameters[4]);
+            var e = parseFloat(parameters[5]);
+            var f = parseFloat(parameters[6]);
+
+            layer.transform(a, b, c, d, e, f);
+
         }
       
     };