Making a Class; web editor vs local

[Rolembeek]

As an exercise in making classes in p5.js, I used a piece of code from Dan Shiffman (2D Ray Casting …).
Something strange happens : when I use the code ->

class Boundary{
   constructor(x1, y1, x2, y2) {
   this.a =createVector(x1,y1);
   this.b =createVector(x2,y2);
   }

   show() {
      stroke(255);
      line(this.a.x, this.a.y, this.b.x, this.b.y);
   }
}

it generates an error : Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
But only when executed locally.
When used in “web editor” it runs fine !
To make it run local I have to declare it as “function” and do the declaration accordingly.

I have searched trough the forum but dit not find any working solution …
I also downloaded latest version of P5.js with no result…

Thanks for any help !
Rolembeek

[GoToLoop]

@Rolembeek

Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

You’re probably using some very old browser. Perhaps as old as 4 years or more!

[Rolembeek]

Thnx for your tip.
I am currently using Chrome but wil test it imediately in “Microsoft Edge”. (more recent I hope!)
I’ll post the result.

Cheers,
Rolembeek

[Rolembeek]

I only realize that in fact it IS working in my browser and NOT in local. Does then the browser still have effect on local behaviour ? I checked my Chrome version anuway and it responds that it is uptodate …

[GoToLoop]

@Rolembeek

I only realize that in fact it IS working in my browser and NOT in local.

What do you exactly mean by local?
RU trying to use the “file:://” scheme on a Chrome-based browser by any chance?

Code 800A0404 issue

Easiest & fastest recipe to run “.js” sketches under p5.js: Install any Firefox-based browser in your OS and use it to open your “index.html” file: Install Notepad2 or Notepad++ (or both) in your OS and use it to type in your “sketch.js” file there: https://XhmikosR.GitHub.io/notepad2-mod/ https://Notepad-Plus-Plus.org You can setup those text editors to use UTF-8 and LF line endings for better compatibility. Here’s my minimum “index.html” te…

Cannot Create Classes

AFAIK, Firefox-based browsers treat the file:// URL scheme the same way as the http:// URL scheme. Thus far I haven’t found any issues at all when running Processing sketches on Firefox under its file:// URL scheme. Firefox-based browsers use the Gecko Spidermonkey JS engine. But if we prefer/need to test JS on the Chrome’s Blink V8 engine instead, we can use the Vivaldi browser: Similarly to Firefox, Vivaldi doesn’t restrict the file:// …

[Rolembeek]

Apparently I didn’t make myself very clear in my question …
I start all over again

So, I try to write some code with a"Class". (Iused several times in “Processing P3”).
I took an example from Dan Shiffman (2D Ray Casting …).

When I run this code in the “Web editor”, it runs fine.

Now, when running “localy” by executing “P5.exe” from my HDD (see below)

Now I get an error …

I hope this makes my problem more clear …

Roland

[GoToLoop]

@Rolembeek

Now, when running “locally” by executing “p5.exe” from my HDD.

Remove "If you are using the p5 editor, you can skip to the Your First Sketch section" from the get started page