How can I import/include a Class file in Processing-js?

Processing with Other Languages

kaleidos

How can I import/include a Class file in Processing-js?

in Processing with Other Languages • 1 year ago

I designed some class like CRect.But I only write it in my html file.

I want to mange this class in different file. If I want to use them, I could write "import mypackage.CRect" in Java.

Or I could write "Include "rect.h"" in C++;

But I don't know how to write it in Processing-js. Please tell me the method.Very thankful.

class CRect{

int left = 0;

int top = 0;

int right = 0;

int bottom = 0;

CRect(){}

}

Replies(5)

PhiLho

Re: How can I import/include a Class file in Processing-js?

1 year ago

You have have several <script> tags in an HTML file.

kaleidos

Re: How can I import/include a Class file in Processing-js?

1 year ago

Thank you for your reply.

But I can't get it.

I want to write the class in different file not in the same HTML file.

For example:

class CRect;class CPoint; in one graphic.js or graphic.html.

class CMath1;class CMath2; in one math.js or math.html.

So the index.html will not full by the class.

PhiLho

Re: How can I import/include a Class file in Processing-js?

1 year ago

Don't use .html files for code, use .js or, since you use Processing, .pde files.

Kobby

Re: How can I import/include a Class file in Processing-js?

1 year ago

if you are saving simple data types you can just use regular javascript classes for it also.

//JS Class definition
function CRect(inTop, inLeft, inRight, inBottom){
this.top = inTop;
this.left = inLeft;
this.right = inRight;
this.bottom = inBottom;
}
CRect.prototype = {
top : 0,
right : 0,
left : 0,
bottom : 0,
display : function(){
//display code here
}
}
var instanceOfCRect = new CRect(1,54,69,32);
instanceOfCRect.display();

and just use separate .js files for your classes and load them in after processing js. Careful though because the order of loading matters since js isnt compiled and goes at runtime If you write a class 'A' that depends on class 'B' and class 'B' hasn't loaded fully by the time class 'A' starts running you will get some problems.

kaleidos

Re: How can I import/include a Class file in Processing-js?

1 year ago

Very thank! It works fine.

Maybe I should consider using javascript's syntax not processing-js to implement inherit.

Top Reply