ffd8/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>websocket client</title>
    <style>
      body{
        background:#000;
        color:#fff;
        font-size:100pt;
      }
    </style>
  </head>
  <body>
    <div id="msg"></div>
    <script>
      // connect to websocket server
      const exampleSocket = new WebSocket(
        "ws://localhost:8025/blah"
      );

      // send keypress to websocket server
      window.onkeydown = function(e){
       exampleSocket.send(e.key+"");
       document.getElementById('msg').innerHTML = e.key
      }
    </script>
  </body>
</html>

## websocketServer.pde
import websockets.*;
WebsocketServer ws;
String txt = "";

void setup(){
  size(200,200);

  // set websocket port, and path (optional)
  ws= new WebsocketServer(this, 8025, "/blah");
}

void draw(){
  background(0);
  fill(255);
  textSize(50);
  textAlign(CENTER, CENTER);
  text(txt, width/2, height/2);
}

void webSocketServerEvent(String msg){
 // process incoming message
 txt = msg;
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>websocket client</title>
	<style>
	body{
	background:#000;
	color:#fff;
	font-size:100pt;
	}
	</style>
	</head>
	<body>
	<div id="msg"></div>
	<script>
	// connect to websocket server
	const exampleSocket = new WebSocket(
	"ws://localhost:8025/blah"
	);

	// send keypress to websocket server
	window.onkeydown = function(e){
	exampleSocket.send(e.key+"");
	document.getElementById('msg').innerHTML = e.key
	}
	</script>
	</body>
	</html>
	import websockets.*;
	WebsocketServer ws;
	String txt = "";

	void setup(){
	size(200,200);

	// set websocket port, and path (optional)
	ws= new WebsocketServer(this, 8025, "/blah");
	}

	void draw(){
	background(0);
	fill(255);
	textSize(50);
	textAlign(CENTER, CENTER);
	text(txt, width/2, height/2);
	}

	void webSocketServerEvent(String msg){
	// process incoming message
	txt = msg;
	}