Sites


Processing

L'exportation

Pour l'instant, nous avons travaillé exclusivement dans l'environnement de Processing. Nous tapons des lignes de code et nous les exécutons depuis l'interface par le bouton Run. A présent, nous allons voir que Processing intègre deux manières d'exporter notre programme pour le distribuer.

L'un des procédés de diffusion permet de créer une application autonome fonctionnant directement sur un ordinateur utilisant Windows, Mac ou Linux. Dans les deux cas, plus besoin de l'éditeur pour faire tourner votre sketch. L'autre, à destination du web, permet d'exposer son animation en ligne, visible sur une page dans un navigateur.

Exporter pour l'ordinateur

Votre sketch Processing peut également être exporté sous la forme d'une application directement exécutable sur Windows, Mac et GNU/Linux. Cette opération peut être réalisée en étant dans le mode «Java», mode par défaut de Processing.
Il suffira alors de cliquer dessus pour le lancer comme n'importe quel autre logiciel présent sur votre ordinateur. Pour effectuer cette exportation, il suffit de cliquer sur le bouton Export Application



La fenêtre Export Options suivante devrait s'ouvrir.

01_Exporter_Application_1

  • Platforms permet de sélectionner la plateforme. C'est là toute la beauté de Processing : nous pouvons exporter une application développée sur Mac pour GNU/Linux, par exemple.
  • Full Screen (Present mode) lancera l'application en plein écran lors du double-clic.
  • Show a Stop button , en mode Full Screen, affiche un bouton Stop sur l'écran pour arrêter l'application.

Une fois l'application assemblée, la fenêtre du dossier du sketch s'affiche avec les dossiers propres à chaque plateforme. Le fichier exécutable se trouve à l'intérieur, prêt à être lancé sur votre ordinateur.

02_Exporter_Application_Dossier_1

Exporter pour le web

Une fois que votre programme fonctionne et que vous êtes satisfait du résultat, vous pouvez générer une version qui fonctionnera dans le navigateur. Pour cela, vous devez changer de mode depuis l’interface de Processing en utilisant la liste déroulante qui se trouve à droite de la fenêtre principale. Passez en mode «Javascript» et constatez au passage un changement subtil des couleurs de l’interface.

Si ce mode n’est pas disponible, vous pouvez l’installer via le menu «Add Mode…» disponible dans cette liste déroulante. Vous pouvez vous reporter au chapitre consacré aux modes dans Processing.

En cliquant sur le bouton «Run» de l’interface, Processing va automatiquement ouvrir une page web dans votre navigateur avec le sketch. Au préalable, Processing aura généré automatiquement les fichiers suivants dans le dossier «web-export» de votre dossier de sketch : 

  • index.html est la page web générée par Processing. Elle décrit la structure de la page et inclut les scripts nécessaires au bon fonctionnement de votre sketch.
  • processing.js est la forme Javascript de Processing.
  • {votre_nom_de_sketch}.pde est votre programme, chargé depuis la page.

Attention! À chaque exportation, Processing écrase les fichiers précédents. Par précaution, si vous effectuez des modifications sur le fichier index.html par exemple, pensez au préalable à le renommer ou à déplacer vos fichiers modifiés dans un autre dossier.

Si vous disposez d'un espace de stockage sur un serveur web, et que vous êtes familiers des transferts FTP, vous pouvez télé-verser le dossier web-export (en le renommant, si besoin est) dans votre espace en ligne. Vous pourrez ainsi rendre accessibles vos sketchs sur Internet.

Le mode «Javascript» est un aspect très intéressant de Processing puisqu’il permet à partir du même code de générer à la fois une application «en dur»  (voir le paragraphe «Exporter pour l'ordinateur») et une page web. Ce mode est tout de même relativement restreint puisque toutes les fonctionnalités de Processing n’ont pas été reportées dans la version Javascript. Pour cela, il est nécessaire de veiller aux fonctions utilisées en se référant au site processingjs.org. Il est à noter que l’utilisation des librairies externes est à exclure dès lors que l’on veut utiliser Processing pour un projet web.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.