Bonjour à tous,

J'ai écrit des programmes Processing que j'utilise avec Processing.js
Il sont rangés en ligne dans un dossier nommé  progs
Cela fonctionne plutôt bien.

Cependant, pour simplifier mes pages web j'utilise une fonction php de la forme

function progProcessing($progr){
echo "<div class='decoration'>";
echo "<canvas data-processing-sources=\"$progr\"></canvas>";
echo "</div>";
}

Comme ça, n'importe où dans le code je peux écrire : <?php  progProcessing("progs/toto.pde"); ?>

néanmoins, il y a un problème avec les images.

Le code suivant ne fonctionne pas :

/* @pjs preload="image.jpg"; */

PImage photo;
void setup(){
  size(800,600);
  background(#000000);
  photo = loadImage("image.jpg");
}

Le code suivant fonctionne :

/* @pjs preload="progs/image.jpg"; */

PImage photo;
void setup(){
  size(800,600);
  background(#000000);
  photo = loadImage("progs/image.jpg");
}

Du coup, comme je n'ai pas envie de réécrire tous mes programmes, j'aimerais savoir si vous connaissez un moyen
- Soit de changer le répertoire par défaut des images
- Soit de donner une directive à <canvas data-processing-sources ...> pour qu'il aille chercher mes images ailleurs.

Merci pour votre aide.