sketch to website starting problems (Comparator and JavaScript)

helmutapp..

sketch to website starting problems (Comparator and JavaScript)

in Processing with Other Languages • 1 month ago

Hello,

Just trying to get my head around workflows for getting my sketch onto a website.

Using Processing 2.0 in JavaScript mode on windows 7 64 going into chrome or firefox

One method I am trying is to switch to javascript mode and just run the sketch. It works with a sample ball sketch from the processingjs.org site, but I cannot quite get my own sketch to run.

It comes up with the correct background and does not crash, but the text does not appear.

In the sketch I do load up a list.txt and helvetica font, and have included this in the sketch as follows;

/* @pjs font="Helvetica";

globalKeyEvents=true;

/* @pjs preload="List.txt";

Are there any other obvious no-nos I should look out for?

In the sketch I have some Comparator classes implementing Comparator....other than that, i don't know what to change.

Any thoughts, or should I try processingjs.org? - it's just their site seems a bit opaque for help other than Pomax's walkthrough. BTW, is there any reason I would download the code from there?

Cheers.

Replies(3)

helmutapp..

Re: sketch to website starting problems

1 month ago

yup, It was the Comparator - does anyone know a workaround???

dimkir

Re: sketch to website starting problems

1 month ago

Processing.js is trickier than using regular Java. There're few not-so-obvious limitations, which often result exactly in what you have described:

no compile errors, part of your sketch works, part doesn't.

You need to read this short introduction into ProcessingJS for someone who already uses Processing Java mode.

http://processingjs.org/articles/p5QuickStart.html#thingstoknowusingpjs

Most frequent and "hard-to-discover" error happens when you have variable name clashes or function name clashes.

For example if you have in your code variable which has same name as some processing or your own function, this code will compile and work in java, but it WILL compile but NOT work in PJS.

String text = "text";
void setup(){}
void draw(){
text(text, 10,10);
}

For javascript it shoudl look:

String msgText = "text";
void setup(){}
void draw(){
text(msgText, 10,10);
}

This happens because for javascript names of functions(methods) and names of variables are indistinguishable.

Also you may want to open Developer Console (Ctrl+Shift+J in Chrome on Win) to see if there're any errors in the console.

dimkir

Re: sketch to website starting problems

1 month ago

As to comparator, you may just make a global function (in main tab) which will compare given objects.

void draw(){
}
void setup(){}
/**
* Put your comparator logic in here.
*/
int compareMyObjects(Object a, object b){
}

Top Reply