Hi, i try to extends class in p5.js sketch, but not works… How do you make this? Any simple example please?

can you give us an example of what you’re trying to do to work off of?

JavaScript got a prototype inheritance system, in which we make available all properties to be extended by annexing them all to a constructor function’s property object {} called prototype: :card_file_box: [image] Inheritance and the prototype chain JavaScript is a bit confusing for deve…

Thanks for this info, i looking for use “class” and “extends” on p5.js It´s possible? i ´m a noob in javaScript.

Yes, it is possible. But in order to use an extended p5 subclass, you’re gonna need to write your code using the dreadful “instance mode” approach: :roll_eyes: https://GitHub.com/processing/p5.js/wiki/Global-and-instance-mode “index.html”: <script defer src=https://CDN.JsDelivr.net/npm/p5></scrip…

Thxs for the demo @GoToLoop . I have some questions on my own. This concept of global vs. instance more is common in js? With instance mode, you create your own scope, right? That is what allows to work with several instances. If you get to write js from scratch, it is enough to define a class to …

For my part I use a straight ECMA6 syntax for this… class Foo{ constructor(){ //... } someMethod(){//...} } class Bar extends Foo{ //... } And so on. To me this approach is easier, since JS isn’t really my native language. I was wondering if those of you who know a lot more Javascript…

I tried this in the processing IDE in p5.js mode and it does not work. and some other things that work like the reserved word “const”. I do not understand why this happens to me.

[image] erkosone: I tried this in the Processing IDE in p5.js Mode… AFAIK, PDE’s p5js Mode doesn’t allow the instance mode approach I guess. :grimacing: The easiest way to run my demo sketches is by having any Firefox-based browser installed in your OS. :star_struck: I recommend Firefox Dev…

[image] matthewjohnjamieson: … if there are any significant disadvantages to doing it this way. On the contrary; by using the keyword class, the JS language automatically annexes all the methods in the constructor()'s prototype{} object the most correct way. :muscle: [image] matthewjohnja…

How i extends class in p5.js?

p5.js Coding Questions

Topic		Replies	Views
Help extending p5 and dependencies in web dev Coding Questions	13	232	May 14, 2024
How to adapt a library for Instance Mode (P5JS) Development	7	1858	June 3, 2019
Combining classes and instance mode in p5js? Coding Questions	1	294	July 17, 2022
Wrapping preload(), setup() and draw() in an ES6 class Libraries	7	1774	August 3, 2019
Make class get all functions of p5.js Coding Questions	1	754	July 9, 2019

How i extends class in p5.js?

Related topics