Comment configurer la bibliothèque de traitementjs sur html?

Question

Je me rends compte exactement la même question a déjà été posée cependant, les réponses n'ont pas fonctionné pour moi: How do you setup processingJS on html?

J'ai collé exactement ce qui a été suggéré mais toujours aucun résultat. Le site de processing.js (http://processingjs.org/articles/jsQuickStart.html) donne les conseils suivants:

<script src="processing-1.3.6.min.js"></script> 
<canvas data-processing-sources="hello-web.pde"></canvas> 

Mais on ne sait pas exactement comment les utiliser pour un débutant comme moi. Est-ce que je les place dans le fichier HTML ou dans le fichier .js lié? Le but de ceci est que j'essaye d'apprendre en faisant sur le cours de traitement de Khan Academy.

Un grand merci,

Answer 1

S'il vous plaît être plus précis sur ce que vous voyez. Qu'entendez-vous par "toujours pas de résultat"? Vous devez vérifier the JavaScript console pour toute erreur. Je suppose que vous obtenez une erreur disant qu'il ne peut pas trouver processing.js ou qu'il peut trouver votre fichier .pde. Ces fichiers doivent être situés sur le chemin que vous avez défini. Le code dans la réponse que vous avez lié suppose qu'ils sont juste à côté du fichier .html, mais ce n'est pas toujours le cas. S'il vous plaît noter que le code dans la réponse était juste un exemple, et ne devrait pas être copié directement. Vous devez comprendre ce que chaque ligne est en train de faire et ensuite le faire dans votre propre code.

J'ai écrit un tutoriel sur le déploiement de votre code de traitement en utilisant Processing.js disponible here.