Transparent Canvas in Processing Jar ?

PhiLho

Re: Transparent Canvas in Processing Jar ?

4 months ago

Your question doesn't make much sense, I fear...
First, it looks like it belongs to this section (where I moved it) rather than Programming Questions (specialized questions go to specialized sections).
Next, a jar is just a zip archive with executable Java code (in general) inside. I don't see how it can contain a transparent canvas.
Lastly, you seem to mix Processing.js (Processing in JavaScript) with Java applets. Why not, but it is an unusual setting, so I want to be sure you know what you do there. I am not sure an applet can be transparent. A canvas is a different beast.

Makio135

Re: Transparent Canvas in Processing Jar ?

4 months ago

As @phiLho said, the question is quite ununderstandable...

Jar: Java Archive opposed to Canvas: Javascript Element

Supposing you want to do as i did in the example you mentioned above (with javascript mode,a canvas element in a html page), you should read the comment in the code:

- the first line (the one you tried) has a comment saying that it clears a part of the openprocessing page, it is written specifically for this page.

- what you need is this: "externals.context.clearRect(0,0,width,height);" or "background(0,0);" in your sketch

Makio135
http://makio135.com/

fre3mind

Re: Transparent Canvas in Processing Jar ?

4 months ago

Yep, realized that later on. Sorry. Can I use this topic to ask another question ?

I try to get into Processing.js now and have a problem loading my pictures.

normally you would put the line:

/*@pjs preload="picture.jpg"; */

at the beginning of your sketch.

The problem I have is that my script "generates" the link to the picture.what looks like this:

tumblr = loadImage("http:"+saveserver[3]+".media.tumblr."+savelink[3]+".jpg");

any idea how I get this running ?

Makio135

Re: Transparent Canvas in Processing Jar ?

4 months ago

Then don't use pjs directives (/* @pjs .... */)

Instead load your image as you wrote:

tumblr = loadImage("http:"+saveserver[3]+".media.tumblr."+savelink[3]+".jpg");

But before displaying it, you'll need to check if it is correctly loaded.

For this you can check the width of the image:

0: if not loaded

-1: if something went wrong when loading

width of the image in pixel: if loaded

This means you can do this to check if the image is loaded before displaying it:

if (tumblr.width > 0) image(tumblr,mouseX,mouseY);

Makio135
http://makio135.com/

vanman007

Re: Transparent Canvas in Processing Jar ?

4 months ago

I think what he was looking for in the firstplace was this code

sorry if i missunderstood

canvas{

outline:none;

}

</style>

Makio135

Re: Transparent Canvas in Processing Jar ?

4 months ago

To me, " transparent canvas" doesn't mean "without border". The canvas can be transparent with borders.

Maybe @fre3mind could clarify it?

Makio135
http://makio135.com/