/ / Comment ajouter p5.dom à p5.js en mode instance - javascript, requirejs, p5.js

Comment ajouter p5.dom à p5.js en mode instance - javascript, requirejs, p5.js

J'utilise requirejs pour regrouper mes fichiers. J'ai utilisé p5.js depuis un certain temps, mais je dois ajouter p5.dom maintenant. Le problème est que je ne sais pas comment faire avec mon requirejs. Je n'ai pas trouvé d'informations sur la façon de procéder avec le regroupement.

J'ai quelque chose comme ça:

require(["lib/p5js/lib/p5"], function (p5) {
var myp5 = new p5(function (_sketch) {
_sketch.setup = function() {
????.createButton("click me"); // I need to access p5.dom here.
}
});
});

EDIT: Quand j'essaie de l'utiliser comme une variable, je reçois undefined.

require(["lib/p5js/lib/p5", "lib/p5js/lib/addons/lib/p5.dom"], function (p5, p5Dom) {
var myp5 = new p5(function (_sketch) {
_sketch.setup = function() {
p5Dom.createButton("click me"); // p5Dom is undefined.
}
});
});

j'ai utilisé shim pour être sur de p5.js est chargé avant p5.dom est chargé, mais cela n'a pas aidé:

shim: {
"lib/p5js/lib/addons/p5.dom": {
deps: ["lib/p5js/lib/p5"]
}
},

Réponses:

0 pour la réponse № 1

J'ai trouvé une solution. Malheureusement, je n'ai pas pu le faire avec requirejs, mais j'ai simplement inclus des balises de script avant requirejs et cela a résolu le problème. Cela ressemble donc à ceci:

<script src="~/lib/p5js/lib/p5.js"></script>
<script src="~/lib/p5js/lib/addons/p5.dom.js"></script>
<script src="~/lib/requirejs/require.js" data-main="/js/scripts/tetromino-client/client.js"></script>

J'espérais le faire en requirejs, mais je ne comprends pas pourquoi cela n'a pas fonctionné.