Using Processing Sketches With Tabs In Processing JS

Question

I've got a Processing sketch that I'd like to display on my site with Processing.js rather than as a Java applet, however I'm not sure it supports tabs - or classes. Does it need to be written as procedural script, or is there an <include> I can use - or another option?

Thanks

Anthony Mattox · Accepted Answer · 2011-07-12 22:18:46Z

7

You can also include multiple .pde files in the html canvas tag separated by spaces

<canvas data-processing-sources="hello-web.pde class.pde"></canvas>

mentioned near the top of this page: http://processingjs.org/reference/articles/jsQuickStart

answered Jul 12, 2011 at 22:18

Anthony Mattox

7,1086 gold badges46 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jcsanyi Over a year ago

On behalf of cjlmia: One caveat: be careful to put the file that contains your setup() and draw() methods as the last item in the list. I have seen inconsistent loading of the sketches when the dependent classes are contained in pde files listed after the pde file that contains your main setup() and draw() methods.

Community · Accepted Answer · 2017-05-23 10:30:21Z

3

I've answered a Processing related question and used classes, but I simply pasted the class after the rest of the program. I don't know if this fully answer your question, but here's an example

Processing sketch preview

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Jan 9, 2011 at 22:00

George Profenza

51.9k20 gold badges155 silver badges228 bronze badges

2 Comments

logic-unit Over a year ago

Ah yes! That was quite straightforward. Thanks! Also nice processing work. Not sure if you know that Chrome and Firefox have a little console that pops up at the bottom of the viewport when you use println(). So I can see the creatures: 75, or whatever number being printed. Not sure if you want to comment that out of your work. Thanks again.

George Profenza Over a year ago

@logic-unit I didn't know it was a Chrome/Firefox thing, I thought it was part of the hascanvas site. I left the println() there because it was part of the answer I gave for a question, I didn't write the program (@Miles did),I just refactored it :) Thanks for the println() tip.

Collectives™ on Stack Overflow

Using Processing Sketches With Tabs In Processing JS

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related