互動技術week14__網路伺服器與客戶__資料結構

WEEK14_01 客戶端為小畫家，server 端傳資料給他

客戶端

import processing.net.*;

Client client;

void setup(){

  size(300,300);

  client = new Client(this, "127.0.0.1", 7777); //位址不能有空格

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

    client.write(mouseX+" "+mouseY+" "+pmouseX+" "+pmouseY+"\n");

  }

}

SERVER端

import processing.net.*;

Server server=null;

Client client=null;

void setup(){

  size(300,300);

  server = new Server(this, 7777);

}

void draw(){

  Client temp = server.available();

  if(temp != null){

    client = temp;

  }

  if(client != null){

    String now = client.readString();

    if(now!=null) print(now);

  }

}

week14_02 用資料結構畫點 與消除

import processing.net.*;

Client client;

ArrayList<PVector> points;

void setup(){

  size(300,300);

  client = new Client(this, "127.0.0.1", 7777);

  points = new ArrayList<PVector>();

}

void draw(){

   background(255);

   for( int i=0; i<points.size() ; i++){

     ellipse( points.get(i).x, points.get(i).y, 5,5);

   }

} 

void mouseDragged(){

  if(mouseButton==LEFT) points.add(new PVector(mouseX,mouseY));

  if(mouseButton==RIGHT &&points.size()>0) points.remove(points.size()-1);

}