js directives/preload array of images

nnenov

Hi there, I have quite a large sketch I made in processing which I would like to port to javascript.

I have an issue preloading my images. The problem is that I have sequences of images and the only advice I've seen on preloading is single files in the section before setup like this

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

or

/* @pjs preload="image1.jpg,image2.jpg";

*/

is this the only way? I have over 30 images. I can type them out by hand but what about situations with more images? when I click JavaScript > Playback Settings (Directives), I click the scan button and nothing happens..

this is the error I get in chrome debug:

http://127.0.0.1:50519/pl/bmanTilt/bManT_0000.png Failed to load resource: the server responded with a status of 404 (not found) http://127.0.0.1:50519/lev/bMap_01.gif Failed to load resource: the server responded with a status of 404 (not found) http://127.0.0.1:50519/pl/bmanTilt/bManT_0001.png Failed to load resource: the server responded with a status of 404 (not found) http://127.0.0.1:50519/pl/bmanTilt/bManT_0002.png Failed to load resource: the server responded with a status of 404 (not found)

... this goes on for all the images

GoToLoop

Official place to place resources in Processing is sketch's subfolder "data/"! L-)

nnenov

Ah I see, then the scan button works! I am still getting the not found error though. It starts like this however:

"Uncaught TypeError: Cannot use 'in' operator to search for '$overloads' in true"

in "if ("$overloads" in existingfn) existingfn.$overloads[args] = fn;"

nnenov

I had to copy the data folder into the newly created web-export folder. then open it not directly from explorer (did via dropbox public link) and am now only getting one error:

"Uncaught TypeError: Cannot use 'in' operator to search for '$overloads' in true"

GoToLoop

In "JavaScript Mode", when it creates "web-export/", it ends up removing the "data/" subfolder.
But that is done automatically, so it shoulda worked!? :-/

nnenov

this happens to me even in java mode but I don't usually make a data folder (except in this case). Anyway it isnt complaining about the files missing anymore, just that error which I don't understand.

Any help would be appreciated but the long term solution for me seems to be just learn and use javascript, j5 looks nice.

GoToLoop

Does your code have that in keyword? You should post relevant parts. We're not fortune-tellers! (~~)

nnenov

I think its part of javascript stuff that gets generated, the whole thing in chrome debug is huge. This is the link to the page: https://dl.dropboxusercontent.com/u/24304389/app/Buttmen_web-export/index.html You can see in debug the in error. or maybe its working for you?

GoToLoop

From: https://dl.dropboxusercontent.com/u/24304389/app/Buttmen_web-export/pixP_mc_v1_17_js.pde

At 1st sight, I've spotted these problematic issues:

• Backslashes in paths: "lev\bgMap_01.gif".
• Java imports like: javax.media.opengl.GL2
• Non-existing system variables like displayWidth.

In order for a "Java Mode" sketch to cross convert into "JS Mode", we should adhere to Processing's API:
http://processingjs.org/reference/ & http://processingjs.org/tools/processing-helper.html

nnenov

• the only backslashes in my sketch are the ones generated from when I clicked scan via the directives editor. I don't get any errors regarding missing files either.
• displayWidth is commented out from older versions, it is not used in this sketch.
• I removed the java import and it still doesn't work: https://dl.dropboxusercontent.com/u/24304389/app/web-export/index.html

Still getting the same "Uncaught TypeError: Cannot use 'in' operator to search for '$overloads' in true" error. Thank you for the links though and I really appreciate you taking the time to help.