Translucent Window in Processing

Share your Work

xavierv1

Translucent Window in Processing

in Share your Work • 1 year ago

To get a Translucent / Transparent window like this:

Here yo have the code:

// http://xavierstechno.blogspot.com/
//http://java.sun.com/developer/technicalArticles/GUI/translucent_shaped_windows/
import com.sun.awt.AWTUtilities;
import java.awt.*;
import javax.swing.JFrame;
JFrame topFrame = null;
PGraphics pg3D;
int framePosX = 800;
int framePosY = 300;
int frameWidth = 300;
int frameHeight = 300;
float opacitatTopFrame = 0.9f;
public void init(){
frame.removeNotify();
frame.setUndecorated(true);
AWTUtilities.setWindowOpaque(frame, false);
AWTUtilities.setWindowOpacity(frame, 0.0f);
//frame.setOpacity(0.0f);
frame.setBackground(new Color(0.0f,0.0f,0.0f,0.0f));
frame.setVisible(false);
frame.setLayout( null );
frame.addNotify();
GraphicsConfiguration translucencyCapableGC;
translucencyCapableGC = GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice().getDefaultConfiguration();
topFrame = new JFrame(translucencyCapableGC);
topFrame.setUndecorated(true);
//topFrame.setOpacity(opacitatTopFrame);
AWTUtilities.setWindowOpaque(topFrame, false);
AWTUtilities.setWindowOpacity(topFrame, opacitatTopFrame);
topFrame.setAlwaysOnTop(false);
topFrame.setLocationRelativeTo(null);
topFrame.setLocation(framePosX, framePosY);
topFrame.setSize(frameWidth, frameHeight);
topFrame.setBackground(new Color(0,0,0,0));
topFrame.setVisible(true);
topFrame.setTitle( frame == null? "":frame.getTitle() );
topFrame.setIconImage( frame.getIconImage() );
topFrame.setLayout( null );
topFrame.addNotify();
super.init();
g.format = ARGB;
g.setPrimary(false);
}
void setup() {
size(frameWidth, frameHeight);
colorMode(RGB,255,255,255,255);
pg3D = createGraphics(frameWidth, frameHeight,P3D);
pg3D.colorMode(RGB,255,255,255,255);
}
float angle = 0;
void draw() {
background(0,0,255,135);
fill(0,255,0,55);
int mX = MouseInfo.getPointerInfo().getLocation().x-framePosX;
int mY = MouseInfo.getPointerInfo().getLocation().y-framePosY;
rectMode(CENTER);
rect(mX, mY,50,50);
pg3D.beginDraw();
pg3D.background(0,0,0,0);
pg3D.stroke(0);
pg3D.fill(255,0,0,255);
pg3D.translate(100,100); pg3D.rotateZ(angle); pg3D.rotateX(angle); pg3D.rotateY(angle);
pg3D.rectMode(CENTER);
pg3D.rect(0,0,50,50);
pg3D.endDraw();
image(pg3D,0,0);
frame.setVisible(false);
topFrame.add(this);
angle+=0.02;
}

Replies(11)

scratchis..

Re: Translucent Window in Processing

1 year ago

I got a transparent window with just this:

import com.sun.awt.AWTUtilities;
void setup() {
size(500,500);
frame.removeNotify();
frame.setUndecorated(true);
AWTUtilities.setWindowOpacity(frame,0.5f);
frame.addNotify();
}

xavierv1

Re: Translucent Window in Processing

1 year ago

Yes that's true. ( in fact it is a part of the code that i exposed). But the main diference is that with your code you get a translucent window with translucent objects.

With my code you can get a translucent window with objects that have a diferent translucency that the window.

try replace the line 63 of my code with:

background(0,0,255,0);

if you do this you can see what's the diference.

clankill3r

Re: Translucent Window in Processing

1 year ago

this is cool but the screen is really flickering by me, i can barely see the thing, is there a way to solve that?

noloop() helps...

Also i draw a ellipse with fill(255, 0, 0);

But it's a little bit transparant, why is that?

// http://xavierstechno.blogspot.com/
//http://java.sun.com/developer/technicalArticles/GUI/translucent_shaped_windows/
import com.sun.awt.AWTUtilities;
import java.awt.*;
import javax.swing.JFrame;
JFrame topFrame = null;
int framePosX = 800;
int framePosY = 300;
int frameWidth = 300;
int frameHeight = 300;
float opacitatTopFrame = 0.9f;
public void init() {
frame.removeNotify();
frame.setUndecorated(true);
AWTUtilities.setWindowOpaque(frame, false);
AWTUtilities.setWindowOpacity(frame, 0.0f);
//frame.setOpacity(0.0f);
frame.setBackground(new Color(0.0f, 0.0f, 0.0f, 0.0f));
frame.setVisible(false);
frame.setLayout( null );
frame.addNotify();
GraphicsConfiguration translucencyCapableGC;
translucencyCapableGC = GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice().getDefaultConfiguration();
topFrame = new JFrame(translucencyCapableGC);
topFrame.setUndecorated(true);
//topFrame.setOpacity(opacitatTopFrame);
AWTUtilities.setWindowOpaque(topFrame, false);
AWTUtilities.setWindowOpacity(topFrame, opacitatTopFrame);
topFrame.setAlwaysOnTop(false);
topFrame.setLocationRelativeTo(null);
topFrame.setLocation(framePosX, framePosY);
topFrame.setSize(frameWidth, frameHeight);
topFrame.setBackground(new Color(0, 0, 0, 0));
topFrame.setVisible(true);
topFrame.setTitle( frame == null? "":frame.getTitle() );
topFrame.setIconImage( frame.getIconImage() );
topFrame.setLayout( null );
topFrame.addNotify();
super.init();
g.format = ARGB;
g.setPrimary(false);
}
void setup() {
size(frameWidth, frameHeight);
noLoop();
}
void draw() {
background(0, 0, 255, 0);
fill(0, 255, 0);
rect(mouseX, mouseY, 40, 40);
fill(255, 0, 0);
ellipse(0, 0, 200, 200);
// no difference
//frame.setVisible(false);
topFrame.add(this);
}

xavierv1

Re: Translucent Window in Processing

1 year ago

In the line 15 of your code, change the topFrameOpacity to 1.0f.

and sorry but i don't know why is flickering for you.

Jesse Sco..

Re: Translucent Window in Processing

1 year ago

What OS is everyone on here? Ive been able to get this t work on Win XP/7, but never on OS X before...

xavierv1

Re: Translucent Window in Processing

1 year ago

i never tried with OS X. I think that i read that this posibility with Java is specific to Windows. (but i am not sure).

Jesse Sco..

Re: Translucent Window in Processing

1 year ago

Yeah, I've read the same... and for sure, I've used the same method as Scratch, and it wont work on OSX...

Just wanted to know if anyone else had a different experience...

bassnharp

Re: Translucent Window in Processing

1 year ago

Just an FYI if anybody is looking at this. I have the same flicking issue with the original code. But if I simply use the code from the second post in this thread the transparency works fine works fine on OSx 10.7.3.