i use processing as my principal instrument to do visual live set, and i've the necessity to clone the main window to another to control what is rendering in that moment!

for now i'm using this code:

class PWindow extends PApplet {
  PWindow() {
    super();
    PApplet.runSketch(new String[] {this.getClass().getSimpleName()}, this);
  }

  void settings() {
    size(500, 200);
  }

  void setup() {
    background(150);
  }

  void draw() {
    //here i want to clone the main window
  }

  void mousePressed() {
    println("mousePressed in secondary window");
  }
}


PWindow win;

public void settings() {
  size(320, 240);
}

void setup() { 
  win = new PWindow();
}

void draw() {
  background(255, 0, 0);
  fill(255);
  rect(10, 10, frameCount, 10);
}

void mousePressed() {
  println("mousePressed in primary window");
}  

is possible do what i ask starting with this?

thank to everyone!!

I finally figured out how to create the second window using the code from here.

But when I try to load a picture into it I get a null Pointer exception despite the fact that the image is in the data folder and the named correctly. Any idea why?

//here's the class itself
class PWindow extends PApplet {
   //   PImage[] subs = new PImage[2];
     // String testKey="m";
  PWindow() {
    super();
    PApplet.runSketch(new String[] {this.getClass().getSimpleName()}, this);

  }

  void settings() {
    size(1920, 1080);
  }

  void setup() {
    background(150);
      subs[0]=loadImage("test.png");
  }

  void draw() {
    if (keyPressed && key == testKey.charAt(0)){
    image(subs[0], 0,0);
   println("well it works");
    }
  }

  void mousePressed() {
    println("mousePressed in secondary window");
  }
}

class PWindow extends PApplet { // PImage[] subs = new PImage[2]; // String testKey="m"; PWindow() { super(); PApplet.runSketch(new String[] {this.getClass().getSimpleName()}, this);
}

void settings() { size(1920, 1080); }

void setup() { background(150); // subs[0]=loadImage("test.png"); }

void draw() { //if (keyPressed && key == testKey.charAt(0)){ // image(subs[0], 0,0); println("well it works"); //} }

void mousePressed() { println("mousePressed in secondary window"); } }

Each Player needs to see global variables that are updated from Max (as sometimes they need to refer to each other's sensor data). I can't seem to figure out where to put the OSC.plug code to make sure each of them gets updated – only the main window updates right now when I put that code within the main setup(), and it doesn't work if I duplicate that code within the second setup(). Do I need to be duplicating the data I'm sending from Max on a separate port, or is there something else I'm not getting? I'm not sure where I should be initializing the Player classes or OSC assignments.

Example of code below (main project has many more functions within the Player class, ie, more roles).

PWindow win;

import oscP5.*;
import netP5.*;

OscP5 osc0;

NetAddress FromMax;    

float sensor0, sensor1; //receive sensor values from Max

int role0, role1; //change modes

Player Player0, Player1;

public void settings(){
  size(800,600);
}

void setup(){
  win = new PWindow();
  Player0 = new Player(0);
  //set up OSC receives
  osc0 = new OscP5(this, 12000);
  FromMax = new NetAddress("127.0.0.1", 12000);
  osc0.plug(this, "oscrole0", "/role0");
  osc0.plug(this, "oscrole1", "/role1");
  osc0.plug(this, "oscsensor0", "/sensor0");
  osc0.plug(this, "oscsensor1", "/sensor1");
}

////First Window
void draw(){
  Player0.update(role0);
}

///Second Window
class PWindow extends PApplet {

  PWindow() {
    super();
    PApplet.runSketch(new String[] {this.getClass().getSimpleName()}, this);

  }

  void settings() {
    size(800,600);
  }

  void setup() {
    Player1 = new Player(1);

  }

  void draw() {
  Player1.update(1);
  }
}
/////Player class - one on each screen.
class Player {

  int role;
  int playerNumber;
  float sensor;

  Player (int tempplayerNumber){
    playerNumber = tempplayerNumber;
  }

//  
  void update(int temprole){

  //update sensor
    if (playerNumber == 0){
      role = role0;
      sensor = sensor0; 
       }
    if (playerNumber == 1){
      role = role1;
      sensor = sensor1;
    }

    if (temprole == -1){
      background(0);
      fill(255);
      text(sensor,width/2,height/2);
    }
    if (temprole == 0){
      background(255);
      fill(0);
      text(sensor,width/2,height/2);
    }

    }
}

//reassign OSC plugs
void oscrole0(int oscrole0) {
  role0 = oscrole0;
}

void oscrole1(int oscrole1) {
  role1 = oscrole1;
}

void oscsensor0(float oscsensor0) {
  sensor0 = oscsensor0;
}

void oscsensor1(float oscsensor1) {
  sensor1 = oscsensor1;
}

Does anybody know where to find that library data?

I have written a code that uses the "controlP5" library. The sketch has some sliders and textboxes. The setup function of the sketch has the information about the position of the gui elements.

So, I want to make a simulation. In fact, I did on other sketch, but I got a size problem when I implement the simulation and the code on the same sketch. Let me explain a bit more about the simulation :

I used P3D to apply the coordinates of the shape by using vertex function.

Here is a quick example of what I did so far :

          public class SecondApplet extends PApplet {
          public void settings() {
                size(1000, 600,P3D);
              }
          public void setup() {

            translate(width/2,height/3, -200);
            stroke(255);
            noFill();

            beginShape();

            vertex(-82.27,0,47.5); vertex(0,0,-23.75);
            vertex(82.27,0,47.5); vertex(-82.27,0,47.5);


            vertex(-270,0,0); vertex(-65,397.5,0);
            vertex(32.5,397.5,-56.3); vertex(32.5,397.5,56.3);

            vertex(-65,397.5,0); vertex(32.5,397.5,56.3);
            vertex(135,0,233.827); vertex(82.27,0,47.5);

            vertex(0,0,-23.75); vertex(135,0,-233.827);
            vertex(32.5,397.5,-56.3);
            endShape();
          }
        }

        void setup() {
          size(1000,800);
          frameRate(25);

          controlP5 = new ControlP5(this);
          controlP5.setAutoInitialization(false);

          /* Setups of the gui elements ...
              -----------------------*/

          SecondApplet sa = new SecondApplet();
          String[] args = {"TwoFrameTest"};
          PApplet.runSketch(args, sa);
          updateGuiElements();
        }

So, the situation is the size problem on the two windows that I wanted to see when I run the sketch. The main window, which is on the "void setup()" section, is smaller than the second window.

I tried to find out the solution, but I couldn't overcome this problem. What I have to do in order to solve this situation ?

( I tried to explain the problem as well as I can).

I am looking forward to your suggestions. Thanks in advanced.

Have a nice works to all..

PS: I m using Kinect for xbox one, the awesome Processing.3 and KinectPV2.

public static void main(String... args){
    PApplet.main("Backend.LaunchBackend");
    PApplet.main("Interface.LaunchInterface");
}

Inside Backend, I have several classes which reference to LaunchBackend and are constructed via SomeClass(PApplet parent).

Class SomeClass{
    LaunchBackend parent;
    public SomeClass(LaunchBackend parent){
    this.parent = parent;
}

While coding from within the LaunchBackend PApplet, I can obviously instanciate these via:

SomeClass someClass = new SomeClass(this);

But what if I want to instanciate the class not from within the LaunchBackend PApplet, but from within the LaunchInterface PApplet? I still want the instance of the object to point to LaunchBackend as its parent, like this:

Within Interface:

SomeClass someClass = new SomeClass(***reference to the LaunchBackend PApplet instance***);

The problem is combining the two, I can't seem to find the correct way to "start up" the second window which is the P3D window. Are there any simple examples anywhere that show this sort of multi window mixed 2d and 3d setup ? I have tried to follow the ControlP5Frame example, whilst that kind of works in that it draws my controls, none of the functions connected to those controls continue to work. Sure I'm missing something very basic here :)

Note settings() is needed to correctly set the size(500, 500) of the first window. Also mousePressed() is used to reopen the window.

boolean frame2Exit;
String[] args = {"TwoFrameTest"};
SecondApplet sa;

void settings() {
  size(500, 500);
}
void setup() {
  frame2Start();
}

void draw() {
  background(0);
  ellipse(50, 50, 10, 10);
}     

void mousePressed() {    
  if (frame2Exit)
  {
    frame2Start();
  }
}
void frame2Start() {
  sa = new SecondApplet();
  PApplet.runSketch(args, sa);
  frame2Exit = false;
}

public class SecondApplet extends PApplet {

  public void settings() {
    size(300, 300);
   }
  public void draw() {
    background(255);
    fill(0);
    ellipse(100, 50, 10, 10);
  }
  public void exitActual() {
    frame2Exit = true; 
  }
}

Would switching to a more current coding system like processing.js, p5.js or processing.py help?

Any advice would be appreciated.

Particles p;
AttractionBehavior mouseAttractorP;
Vec2D mousePos;
FinalPanel tp;

void setup() {
  size(1024, 768, P3D);
  frameRate(60);
  tp = new FinalPanel(400,400);
  surface.setTitle("Touch Panel");

}

void draw() {
  background(0, 0, 0);
}



void mousePressed() {
  mousePos = new Vec2D(mouseX, mouseY);

  if (mouseButton == LEFT) {
    // create a new attraction force field around the mouse position
    mouseAttractorP = new AttractionBehavior(mousePos, 250, 7);
    p.physics.addBehavior(mouseAttractorP);
  }

  if (mouseButton == RIGHT) {
    // create a new repulsion force field around the mouse position
    mouseAttractorP = new AttractionBehavior(mousePos, -33, -1);
    p.physics.addBehavior(mouseAttractorP);
  }
}

void mouseDragged() {
  // update mouse attraction focal point
  mousePos.set(mouseX, mouseY);
}

void mouseReleased() {
  // remove the mouse attraction when button has been released
  p.physics.removeBehavior(mouseAttractorP);
}


import toxi.geom.*;
import toxi.physics2d.*;
import toxi.physics2d.behaviors.*;
import toxi.math.*;
import megamu.mesh.*;



class Particles {
  final PApplet g;
  int NUM_PARTICLES;
  VerletPhysics2D physics;
  AttractionBehavior mouseAttractor;
  float [][] pos;
  float eSize;
  float xOff;

  Delaunay delaunay;
  int [] polygons;


  Particles(PApplet _p) {
    g = _p;
    xOff = 0;


    NUM_PARTICLES = 666;
    eSize = 1;
    physics = new VerletPhysics2D();
    physics.setDrag(0.7);
    physics.setWorldBounds(new Rect(0, 0, width, height));
    physics.addBehavior(new GravityBehavior(new Vec2D(-0.00007, -0.0003f)));
    for (int i = 0; i<NUM_PARTICLES; i++) {
      addParticle();
    }
  }


  void addParticle() {
    VerletParticle2D p = new VerletParticle2D(Vec2D.randomVector().scale(133).addSelf(width / 2, height/2));
    physics.addParticle(p);
    // add a negative attraction force field around the new particle
    physics.addBehavior(new AttractionBehavior(p, 13, 0.3f, 3f));
  }

  void drawParticles() {
    // store particles delaunayitions to do delaunay triangulation
    pos = new float[NUM_PARTICLES][2];

    for ( int i=0; i<NUM_PARTICLES; i++) {
      // particle system using verlet integration
      VerletParticle2D p = physics.particles.get(i);
      g.pushStyle();
      g.fill(255, 33);
      g.ellipse(p.x, p.y, g.noise(xOff) * 13, g.noise(xOff) * 13);
      g.popStyle();

      pos[i][0] = physics.particles.get(i).x;
      pos[i][1] = physics.particles.get(i).y;
    }
  }


  // delaunay triangulation logic taken from here : 
  // http://www.openprocessing.org/sketch/43503
  void drawLines() {
    // delaunay triangulation
    delaunay = new Delaunay(pos);
    // getEdges returns a 2 dimensional array for the lines
    float[][] edges = delaunay.getEdges();
    for (int i=0; i<edges.length; i++)
    {
      // use the edges values to draw the lines
      float startX = edges[i][0];
      float startY = edges[i][1];
      float endX = edges[i][2];
      float endY = edges[i][3];
      float distance = dist(startX, startY, endX, endY);
      // remap the distance to opacity values
      float trans = 255-map(distance, 0, 33, 33, 0);
      // stroke weight based on distance
      // fast invert square root helps for performance
      float sw = 3f/sqrt(distance*2);
      g.ellipseMode(CENTER);

      g.pushStyle();
      g.strokeWeight(sw);
      g.stroke(g.noise(1)*233);
      g.fill(g.random(255), g.random(255), g.random(255));
      g.noFill();
      g.ellipse(startX, startY, eSize, eSize);
      g.popStyle();
      //pushStyle();
      //stroke(200, 3);
      //noFill();
      //bezier(startX, startY, endX, mouseY, width/2, mouseY, width/2, height/2);
      //popStyle();
    }
  }
}



class FinalPanel extends PApplet {
  int w, h;

  public FinalPanel(int _w, int _h) {
    super(); 
    w = _w;
    h = _h;
    PApplet.runSketch(new String[]{this.getClass().getName()}, this);
  }

  public void settings() {
    size(w, h, P3D);
  }

  public void setup() {
    blendMode(ADD);
    surface.setTitle("Final Panel");
    surface.setLocation(0, 0);
    p = new Particles(this);
  }

  void draw() {
    background(0);
    p.physics.update();
    p.drawParticles();
    p.drawLines();
  }
}

So far I didn't have any unexpected issue, but after introducing yet another component(not the first text enabled component at all), I'm starting to occasionally get errors like these:

The font size is too large to be properly displayed with OpenGL

Exception in thread "Animation Thread" java.lang.RuntimeException: Image width and height cannot be larger than 0 with this graphics card. at processing.opengl.Texture.setSize(Texture.java:1148) at processing.opengl.Texture.init(Texture.java:213) at processing.opengl.Texture.(Texture.java:160) at processing.opengl.FontTexture.addTexture(FontTexture.java:134) at processing.opengl.FontTexture.initTexture(FontTexture.java:103) at processing.opengl.FontTexture.(FontTexture.java:71) at processing.opengl.PGraphicsOpenGL.textLineImpl(PGraphicsOpenGL.java:3602) at processing.core.PGraphics.textLineAlignImpl(PGraphics.java:4659) at processing.core.PGraphics.text(PGraphics.java:4356) at processing.core.PGraphics.text(PGraphics.java:4307) at processing.core.PApplet.text(PApplet.java:13183) at ygg.desktop.vm.extVM.MetadataProcessingVM.render(MetadataProcessingVM.java:81) at ygg.desktop.vm.extVM.MetadataProcessingVM.render(MetadataProcessingVM.java:88) at ygg.desktop.vm.groups.TreeLayout.render(TreeLayout.java:43) at ygg.desktop.vm.groups.RenderArea.render(RenderArea.java:167) at ygg.desktop.view.MainView.draw(MainView.java:179) at processing.core.PApplet.handleDraw(PApplet.java:2386) at processing.core.PGraphicsJava2D.requestDraw(PGraphicsJava2D.java:240) at processing.core.PApplet.run(PApplet.java:2256) at java.lang.Thread.run(Thread.java:745) which refers to (note that I get it both on first and second text on different runs) *father is the PApplet instance

      father.pushMatrix();
      father.translate(posX, posY+8);

      father.rotate(-father.HALF_PI);

      father.fill(father.color(30,30,30));
      father.textAlign(father.CENTER);
      father.textSize(16);
      **father.text(md.getId()!=null?md.getId():"NONE",-(finalY-posY)/2,width/2);**
      father.fill(father.color(220,220,50));
      father.textSize(12);
      **father.text(md.getId()!=null?md.getId():"NONE",-(finalY-posY)/2,width/2);**

      father.popMatrix();

or

Exception in thread "Animation Thread" java.lang.RuntimeException: Too many calls to popMatrix(), and not enough to pushMatrix(). at processing.opengl.PGraphicsOpenGL.popMatrix(PGraphicsOpenGL.java:3811) at processing.core.PApplet.popMatrix(PApplet.java:13322) at ygg.desktop.vm.extVM.MetadataProcessingVM.render(MetadataProcessingVM.java:72) at ygg.desktop.vm.groups.TreeLayout.render(TreeLayout.java:43) at ygg.desktop.vm.groups.TreeLayout.render(TreeLayout.java:46) at ygg.desktop.vm.groups.TreeLayout.render(TreeLayout.java:46) at ygg.desktop.vm.groups.RenderArea.render(RenderArea.java:167) at ygg.desktop.view.MainView.draw(MainView.java:180) at processing.core.PApplet.handleDraw(PApplet.java:2386) at processing.core.PGraphicsJava2D.requestDraw(PGraphicsJava2D.java:240) at processing.core.PApplet.run(PApplet.java:2256) at java.lang.Thread.run(Thread.java:745) on

      father.pushMatrix();
      father.translate(posX, posY+8);
      father.rotate(-father.HALF_PI);
      father.fill(father.color(30,30,30));
      father.textAlign(father.CENTER);
      father.textSize(16);

      father.text(md.getId()!=null?md.getId():"NONE",-(finalY-posY)/2,width/2);
      father.fill(father.color(220,220,50));
      father.textSize(12);
      father.text(md.getId()!=null?md.getId():"NONE",-(finalY-posY)/2,width/2);      
      **father.popMatrix();**
}

I am no expert in OpenGl and/or Processing at all, so I was wondering how can successive executions (with no previous jvm left open) lead to different outcomes without any random element in my code (apparently if the application doesnt crash immediately it keeps working no matter how many objects I create), also I don't understand how can I get that exception on popMatrix right after a push given that all the calls are in the draw cycle and of course no thread (that I'm aware) there.

Before proceeding I would like to know what am I getting so wrong (if it as already transpired) and what could I do to achieve stability at each run, also I would like to know if multiple instances of PApplet clients will necessarly confict with each others.

First tab, for the demo to work right out of the box this sketch has to be called "SecondWindowTest"

/**
 * Demo on how to spawn a second sketch from Processing
 * Facilitated by ControlP5, but not necessary for this purpose
 * by CMB, 2016
 *
 */



import controlP5.*;

ControlP5 cp5;

//Reference to the secondary sketch so we can call its methods and access its variables from outside
SecondSketch second;

//This value will be accessed by the other sketch
int backgroundValue = 0;

public void settings()
{
  size(800, 600);
}

public void setup()
{
  surface.setResizable(true);

  cp5 = new ControlP5(this);

  cp5.addButton("secondWindow")
    .setPosition(20, 20)
    .setSize(125, 25)
    .setLabel("Second Window")
    .getCaptionLabel().alignY(CENTER).alignX(CENTER);

  cp5.addTextfield("textField")
    .setSize(125, 25)
    .setPosition(20, 75);
}

public void draw()
{
  background(backgroundValue);
}

public void secondWindow()
{
  //Launch the other sketch!

  //This structure assumes you only want one instance of the other sketch
  //If that's not what you want simply call the constructor to launch a new, independent instance

  //if the other sketch is closed, start a new one
  if (second== null) second = new SecondSketch(this);
  else
  {
    //if it's already running, bring it to the front
    second.moveToTop();
  }
}

public void textField(String input)
{
  //Send some text to the other sketch
  if (second != null)
  {
    second.someText = input;
  }
}

Second tab

//Code in this class like in any other sketch
//However, this class can't have any nested classes like a regular sketch:
//if you want to use another class inside this secondary sketch and draw in it,
//you gotta pass it a reference to this class and draw on its internal PGraphics "g"
class SecondSketch extends PApplet
{
  //A reference to the main sketch
  //notice how the file name of the main sketch is important as that becomes the name of the class upon compiling
  SecondWindowTest parent;

  ControlP5 gui;

  //This String will be sent to us from the main sketch
  String someText= "";

  //The constructor will take care of everything
  public SecondSketch(SecondWindowTest parent)
  {
    //store a reference to the first sketch so we can do things with it
    this.parent = parent;

    //This will actually launch the new sketch
    runSketch(new String[] {
      "SecondSketch"  //must match the name of this class
      }
      , this);  //the second argument makes sure this sketch is created instead of a brand new one...
  }

  public void settings()
  {
    size(700, 500);
  }

  public void setup()
  {

    super.surface.setResizable(true);

    //give it some GUI to interact with
    gui = new ControlP5(this);
    gui.addSlider("mainBackground")
      .setRange(0, 255)
      .setPosition(20, 50)
      .setLabel("Main sketch background colour")
      .setSize(125, 25);
  }

  public void draw()
  {
    background(50);
    fill(255);

    //Display the text that can be altered from the main sketch
    text(someText, 20, 20);
  }

  //Without this, the main sketch would close if the user clicked on the second sketch' close button!
  //(it appears to work funky with the escape button though, beware)
  public void exit()
  {
    parent.second = null;
    dispose();
  }

  //Callback from ControlP5
  public void mainBackground(float value)
  {
    //Change main sketch' background value
    parent.backgroundValue = (int) value;
  }

  //Little hack to bring the frame to the top
  public void moveToTop()
  {
    surface.setAlwaysOnTop(true);
    surface.setAlwaysOnTop(false);
  }
}

On processing 2 this solution is working: http://stackoverflow.com/questions/20737298/multiple-render-to-two-projectors-using-processing-for-polarization-based-3d/40363398#40363398

But it does not compile on Processing 3. Does anyone has any idea?

I do not know enough about Java and Processing to adapt this code to P3. Could someone link me to a functioning P3 example.

Help is much appreciated.

I'm familiar with Java but if it's done differently in Processing, i would like to know. Also i failed in search of this on forums and google, so i'm hoping for some direction if the question or topic already exists. Thank you

All the examples i found include only visual changes when button clicked, for example:

if(button.clicked)background(#somecolor);

I was hoping it would be that simple with invoking another sketch. thank you

vertex() with x, y, and z coordinates can only be used with a renderer that supports 3D, such as P3D... .

if I put the content of the class Tetra inside a function and call it in draw() the problem does not appear?

a hint to solve this would be great. :)

float ballX;
float ballY;

float theta = 0.0;

Tetra tetra;

public void setup() {
  size(900, 900, JAVA2D);

  String[] args = {"SecondApplet"};
  SecondApplet sa = new SecondApplet();
  PApplet.runSketch(args, sa);
}

void draw() {
  ballX = mouseX;
  ballY = mouseY;
  background(0);
  ellipse(ballX, ballY, 10, 10);
}   

public class SecondApplet extends PApplet {

  public void settings() {
    size(900, 900, P3D);
    tetra = new Tetra(10); 
  }

 public void setup() {
    frameRate(30);   
  } 

  public void draw() {
   background(255);
  theta += 0.01;

  translate(width/2, height/2, 0);
  rotateX(theta);
  rotateY(theta);  

  // translate the scene again
  translate(100, 100, 20);
  shape(tetra.gr); 
  }
}

public class Tetra {

  // The PShape object
 PShape gr;
  int t;

  Tetra(int t_) {
    t = t_;

    gr = createShape();

    beginShape();
    fill(150, 0, 0, 127);
    vertex(-t, -t, -t);
    vertex( t, -t, -t);
    vertex( 0, 0, t);

    fill(0, 150, 0, 127);
    vertex( t, -t, -t);
    vertex( t, t, -t);
    vertex( 0, 0, t);

    fill(0, 0, 150, 127);
    vertex( t, t, -t);
    vertex(-t, t, -t);
    vertex( 0, 0, t);

    fill(150, 0, 150, 127);
    vertex(-t, t, -t);
    vertex(-t, -t, -t);
    vertex( 0, 0, t);

    endShape();
  }
}

it works, until I try to import a PShape obj file.

obj file in this folder:

PShape obj file can be imported, IF, i give up the second window ... :| it is frustrating...

Is there any other way I can build a fullScreen window as a second window without extending PApplet, just using frame or surface?

PShape s;

void setup() {
  size(100, 100,P3D);

  String[] args = {"YourSketchNameHere"};
  SecondApplet sa = new SecondApplet();
  PApplet.runSketch(args, sa);

  s = loadShape("box1.obj"); // in order to open 2 windows, i need to comment this and //shape(s,0,0);
}

void draw() {
  background(0);
  ellipse(50, 50, 10, 10);
  text("MAIN",40,40);
  shape(s, 0, 0); 
}     

//if I remove code below and comment its calling lines at setup() obj file will be imported.
public class SecondApplet extends PApplet {

  public void settings() {
    fullScreen(P3D, 2);
  }
  public void draw() {
    background(255);
    fill(0);
    ellipse(100, 50, 10, 10);
  }
}

this next code is just a variation, but still same problem.

PShape s;

void setup() {
  size(200, 200, P3D);
  s = loadShape("box.obj");
  SecondApplet cp = new SecondApplet("controlWindow");

}

void draw() {
  background(0);
  ellipse(50, 50, 10, 10);
  text("MAIN", 40, 40);
  shape(s, 0, 0);
}     

public class SecondApplet extends PApplet {

  SecondApplet(String _name) {
    super();   
    PApplet.runSketch(new String[]{this.getClass().getName()}, this);
  }
  void settings() {
    fullScreen(P3D, 2);
  }
  void draw() {
    background(255);
    fill(0);
    ellipse(100, 50, 10, 10);
  }
}

Problems

1. Not able to display the text [second, minute or hour] on all the windows
2. Not able to hide default processing window
3. Not able to set background color for the all the windows

Here is my code -

    import com.sun.awt.AWTUtilities;
    import  java.awt.GraphicsDevice.*; // PC only
    import java.awt.Shape;
    import java.awt.AWTException;
    import java.awt.geom.*;
    //----------------------
    import java.awt.Frame; 
    import java.awt.Shape;
    //----------------------

    PFrame[] f = new PFrame[3]; 
    secondApplet[] s =new secondApplet[3];
    color[] c = new color[3];

    PFrame centerFrame;
    secondApplet centerApplet;

    int R = 200;
    int cx, cy;
    float secondsRadius;
    float minutesRadius;
    float hoursRadius;
    float clockDiameter;

    void setup() {
      size(100, 100);
      int radius = min(displayWidth, displayHeight) /4;
      secondsRadius = radius ;
      minutesRadius = radius ;
      hoursRadius = radius ;
      clockDiameter = radius;

      cx = displayWidth / 2;
      cy = displayHeight / 2;


      centerFrame = new PFrame(cx, cy);
      Shape centerShape = null;
      centerShape = new Ellipse2D.Float(0, 0, 10, 10);
      AWTUtilities.setWindowShape(centerFrame, centerShape);

      for (int i=0; i<f.length; i++) {
        int x = (int)(R*cos(radians(i*360/3)));
        int y = (int)(R*sin(radians(i*360/3)));
        f[i] = new PFrame(x, y);
        Shape shape = null;
        shape = new Ellipse2D.Float(0, 0, 100, 100);
        AWTUtilities.setWindowShape(f[i], shape);
        c[i] = (color)random(#000000);
      }
    }

    void draw() { 
      background(0);



      int time=0;
      for (int i=0; i<3; i++) {
        if (i==0) time = second();
        else if (i==1) time = minute();
        else if (i==2) time = hour();
        s[i].background(c[i]);
        s[i].fill(-1); 
        s[i].textAlign(CENTER);
        s[i].text(time, 50, 50);
        s[i].redraw();
      }

      float s = map(second(), 0, 60, 0, TWO_PI) - HALF_PI;
      float m = map(minute() + norm(second(), 0, 60), 0, 60, 0, TWO_PI) - HALF_PI; 
      float h = map(hour() + norm(minute(), 0, 60), 0, 24, 0, TWO_PI * 2) - HALF_PI;

      println(s + " " + m + " " + h);

      f[0].setLocation(cx + (int)(cos(s)*secondsRadius), (int)(cy+sin(s)*secondsRadius));  
      f[1].setLocation(cx + (int)(cx + cos(m) * minutesRadius), (int)(cy + sin(m) * minutesRadius));
      f[2].setLocation(cx + (int)(cos(h) * hoursRadius), (int)(cy + sin(h) * hoursRadius));
    }

    public class PFrame extends Frame {
      public PFrame(int x, int y) {
        setBounds(x, y, 100, 100);
        for (int i=0; i<3; i++) {
          s[i] = new secondApplet();
          add(s[i]);
          s[i].init(); 
          removeNotify(); 
          setUndecorated(true);
          addNotify();
          show();
        }
      }
    }

    public class secondApplet extends PApplet {
      public void setup() {
        size(100, 100);
        noLoop();
      }

      public void draw() {
      }
    } 

I tried combining my code above with the second code on this page but could seem to get it to display.