一、Processing的介绍

Processing是一种具有革命前瞻性、创新型计算机编程语言，为图像处理提供开源编程语言和环境，动画和互动。成千上万的视觉设计师、艺术家和建筑师使用这一编程语言来创作他们的作品。如纽约现代艺术博物馆、伦敦维多利亚和阿尔伯特博物馆、巴黎乔治·蓬皮杜中心和其他许多著名场所涉及到的项目。也可以用于为舞蹈和音乐表演创建投影舞台设计；为音乐视频和电影生成图像；为海报、杂志和书籍导出图像；以及在画廊、博物馆和街道上创建交互式体验。

二、Websocket的介绍

WebSocket是一种通信协议，可在单个TCP连接上进行全双工通信。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，客户端和服务器只需要完成一次握手，两者之间就可以建立持久性的连接，并进行双向数据传输。

三、在Processing应用之间传递数据消息

本例是采Websocket的技术，在Processing服务器端与多个Processing客户端之间传递数据消息，从而实现多个Processing应用的互动。

1、Websocket客户端

//引入Websocket库
import websockets.*;
WebsocketClient wsc;
int now;
boolean newEllipse;
void setup(){
  size(200,200);
  newEllipse=true;
  //创建websocket客户端，并监听来自服务的消息
  wsc= new WebsocketClient(this, "ws://localhost:8025/john");
  now=millis();
}
void draw(){
  if(newEllipse){
    ellipse(random(width),random(height),10,10);
    newEllipse=false;
  }
    
  if(millis()>now+5000){
    //发送消息给Websocket服务器端
    wsc.sendMessage("Client message");
    now=millis();
  }
}
void webSocketEvent(String msg){
 println(msg);
 newEllipse=true;
}

运行效果

2、Websocket服务器

当Websocket服务器端收到客户端的消息（“Client message”）时，服务器端会将椭圆移动到随机位置，每5秒向Websocket客户端发送一条消息（“Server message”），以下提供了Websocket客户端的完整示例代码与运行效果。

websocketserver.pde

//引入Websocket库
import websockets.*;
WebsocketServer ws;
int now;
float x,y;
void setup(){
  size(200,200);
  
  //创建Websocket服务器，并监听来自客户端的消息
  ws= new WebsocketServer(this,8025,"/john");
  now=millis();
  x=0;
  y=0;
}
void draw(){
  background(0);
  ellipse(x,y,10,10);
  if(millis()>now+5000){
    //发送消息给客户端
    ws.sendMessage("Server message");
    now=millis();
  }
}
void webSocketServerEvent(String msg){
 println(msg);
 x=random(width);
 y=random(height);
}

运行效果