topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-processing-site-examples-Libraries-Network-SharedCanvasClient-SharedCanvasClient.pde / pde
Shared Drawing Canvas (Client) by Alexander R. Galloway. The Processing Client class is instantiated by specifying a remote address and port number to which the socket connection should be made. Once the connection is made, the client may read (or write) data to the server. Before running this program, start the Shared Drawing Canvas (Server) program. 

  
  
  import processing.net.*;
  
  Client c;
  String input;
  int data[];
  
  void setup() 
  {
    size(450, 255);
    background(204);
    stroke(0);
    frameRate(5); // Slow it down a little
    // Connect to the server's IP address and port
    c = new Client(this, "127.0.0.1", 12345); // Replace with your server's IP and port
  }
  
  void draw() 
  {
    if (mousePressed == true) {
      // Draw our line
      stroke(255);
      line(pmouseX, pmouseY, mouseX, mouseY);
      // Send mouse coords to other person
      c.write(pmouseX + " " + pmouseY + " " + mouseX + " " + mouseY + "\n");
    }
    // Receive data from server
    if (c.available() > 0) {
      input = c.readString();
      input = input.substring(0, input.indexOf("\n")); // Only up to the newline
      data = int(split(input, ' ')); // Split values into an array
      // Draw line using received coords
      stroke(0);
      line(data[0], data[1], data[2], data[3]);
    }
  }
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.