I am trying to make a .pde display fullscreen using processing.js and the <canvas> tag.

But it is not taking into account the browser menu etc.

Can anyone help?

1. // Global variables
   float radius = 10.0;
   int X, Y;
   int nX, nY;
   int delay = 16;
   
   // Setup the Processing Canvas
   void setup(){
     size(screen.width,screen.height);
       strokeWeight( 10 );
     frameRate( 25 );
     X = width / 2;
     Y = height / 2;
     nX = X;
     nY = Y;
     smooth(); 
   }
   
   // Main draw loop
   void draw(){
    
     radius = radius + sin( frameCount / 4 );
    
     // Track circle to new destination
     X+=(nX-X)/delay;
     Y+=(nY-Y)/delay;
    
     // Fill canvas grey
     background( 100 );
    
     // Set fill-color to blue
     //fill( 0, 121, 184 );
     noFill();
    
     // Set stroke-color white
     stroke(0);
    
     // Draw circle
     ellipse( X, Y, radius, radius );                 
   }
   
   
   // Set circle's next destination
   void mouseMoved(){
     nX = mouseX;
     nY = mouseY; 
   }