How to run processing.js?

shumizu

in Processing with Other Languages • 2 years ago

Hi!

I would like to upload a sketch onto my website.. and somehow its not working...

So , i guess i need to upload:
- processing.js
- my.html
- my.pde – sketch
... onto my server, ...?

... and the html code would look like this ...?

<!DOCTYPE html>
<html>
<head>
<script src="../../procesing.js"></script>
</head>
<body>
<canvas data-processing-sources="webTest.pde"></canvas>
</body>
</html>

This is the first method, as it is described on the http://processingjs.org/learning site.

Replies(4)

velvetkev..

Re: How to run processing.js?

2 years ago

Are you testing this locally? If so, what browser are you using? Chromium (and perhaps others) doesn't allow [some?] scripts to work locally without an obscure command line flag being set- switching to Firefox sorted that for me.

Have you copied and pasted your code example above directly from your page? If so, there should be two Ss [how the hell does one indicate multiple Ss in writing???] in Processing, which would also stop it working.

shumizu

Re: How to run processing.js?

2 years ago

Well, i tested it locally, but it didnt work, other scripts from the processing.js - example folder do work, so it must be something with the path, i guess...

I am using Firefox and Safari, they work fine.

The html code is directly copied out of DW.
And this is the webTest.pde code:

// webTest.pde
void setup(){
size(410,125);
smooth();
background(255);
PFont f = loadFont("MinionPro-Bold-48.vlw");
textFont(f,48);
fill(0);
text("Hello, this is a test.", 10,70);
rect(10,10,50,50);
}

What do u mean with two Ss?

My files are all located at: desktop/webTest /processing.js
.html
webTest.pde

thx!

velvetkev..

Re: How to run processing.js?

2 years ago

The HTML from the first post has the following at line 4 :

<script src="../../procesing.js"></script>

it should be:

<script src="../../processing.js"></script>

i.e. there should be a double S in processing.js, which will break the path like you say. Actually, are you sure you have the right filename? I've been using the following:

<script src="processing-1.2.1.js"></script>

In the version I have, there is no file named "processing.js", but there is a "processing.1.2.1.js". This may be different in older versions I guess?

Hope that helps.

shumizu

Re: How to run processing.js?

2 years ago

oh, haha, right, that solved the problem. Havent seen this stupid mistake...

It works now, even when i am using "processing.js".

You know by any chance how to run non-webfonts in processing.js? As u can see i used "loadFont", but when i run the sketch in the browser its another typeface. I copied the font in the same folder as the other files...

Is it just not possible or did i do something wrong?

thanks!

Top Reply