Head

[ Post-it ] dans P5.JS, le [ 02/04/2015 ]

Content

Ca recommence !

Il y a pas mal de temps je m’étais heurté à cette question avec Processing.js

A l’époque la conclusion était toute simple :

background(0, 0);

Du coup re-belotte avec p5.js, sauf que ce coup-ci ça ne marche pas !
Ou plutôt si, ça fait un fond transparent, qui laisse bien visible les frames précédente :/

Du coup je reviens à la solution de Makio135, mais pas facile de trouver l’accès au « contexte » natif de la canvas…

Quelques recherches sur le forum p5.js, mais rien.
A croire que personne n’a essayé de faire un sketch transparent avec p5.js !

J’ai fini par aller faire un tour dans le code source de p5.js, et j’ai trouvé la réponse dans la fonction background() :

this.drawingContext

permet donc d’accéder au contexte de la canvas dans laquelle on travaille.

Voici donc la solution pour écraser les frames précédentes avec un fond transparent :

this.drawingContext.clearRect(0 , 0, width, height);

Et hop fond transparent !

PS : je suis aussi allé voir du côté de la fonction clear(), mais elle fait trop bien le boulot et plus ne s’affiche ensuite.