here a quick example that sends OSC messages when the mouse is moved or dragged. In order to receive messages sent from the example below, you need to set the receiving port in PureData to 8000 and route incoming messages to /mousex and /mousey. to keep things simple, I have followed the PureData setup as seen in the youtube video you provided.

When getting to the point to implement a gui, remember to check the contributed libraries interface section which offers a couple of options to build a gui. These libraries come with lots of examples, maybe have a look at the controlP5 examples for a range of gui controllers to choose from.

2. import oscP5.*;
3. import netP5.*;
4.   
5. OscP5 oscP5;
6. 
   
7. NetAddress puredata;
8. 
   
9. void setup() {
10.   size(400,400);
11.   
12.   oscP5 = new OscP5(this,12000);
13.   
14.   // PureData address
15.   puredata = new NetAddress("127.0.0.1",8000);
16. }
17. 
    
18. void draw() {
19.   background(0);
20.   rect(mouseX, mouseY, 20,20);
21. }
22. 
    
23. void mouseDragged() {
24.     // send 2 osc messages with address /mousex and /mousey 
25.     // when the mouse is dragged
26.     oscP5.send(new OscMessage("/mousex").add(mouseX), puredata);
27.     oscP5.send(new OscMessage("/mousey").add(mouseY), puredata);
28.   println("sending 2 osc messages while dragging the mouse");  
29. }
30. 
    
31. 
    
32. void mouseMoved() {
33.     // send 2 osc messages with address /mousex and /mousey 
34.     // when the mouse is moved
35.     oscP5.send(new OscMessage("/mousex").add(mouseX), puredata);
36.     oscP5.send(new OscMessage("/mousey").add(mouseY), puredata);
37.   println("sending 2 osc messages while moving the mouse");
38. }
39. 
    

andreas schlegel, http://www.sojamo.de

Thanks guys