Méthode Processing suite: Les Processing

 Ne pas confondre ces 5 "Processing":
    Processing (Langage Java) ... Versions: Processing 1    Processing 2    Processing 3
            p5.js (Langage JavaScript)
 Processing.js (Langage JavaScript)
Processing.py (Langage Python)
Processing for Android
      Voir: Processing Foundation  

 Compatibilité Processing 1 2 3:

Processing 1
IconeProcessingPetit
1.5.1 = REV 0197
(15 May 2011)
 
 
 
Processing 2
IconeProcessing2Petit.png
2.0.3 = REV 0221
(5 September 2013)

2.2.1 = REV 0227
(19 May 2014)
Processing 3
IconeProcessing3Petit.png
3.0 = REV 0246
(30 September 2015)

3.2.3 = REV 0255
7 November 2016
MacOSX.5
OK
NON
NON
MacOSX.6
OK
2.0.3 max
NON
MacOSX.7

2.2.1 OK NON
MacOSX.8

2.2.1 OK OK
MacOSX.9

2.2.1 OK OK
MacOSX.10

2.2.1 OK 3.2.3 OK
MacOSX.11



Ubuntu 12.04

2.2.1 OK OK
Ubuntu 14.04

OK
Windows XP
OK 2.2.1 OK
Windows 7



Windows 10







Java

Processing 2
Linux and Windows now include Java 6 update 10 with the download.

Processing 2.1
Java 7 is now used across all platforms.
"Across all platforms, Processing has its own copy of Java embedded, so it's never necessary to install Java to use Processing."
 
"Processing 3 uses Java 8."

Voir:
Supported Platforms




Applet Web

Menu File
  -> Export Applet

"Java Applet support is being removed, starting in 2.0 alpha 7."

2.0a7 = REV 0206
(29 July 2012)

"Applet is gone"

Voir:
Changes in 3.0
Web









Applet
"The JavaScript mode allows you to write a sketch and quickly run it in a browser using Processing.js.
We highly recommend using JavaScript for running Processing work in web browsers."

At the moment, using Processing JS (or Processing 1.5) is instead generally a better option for things that run on the web."

Voir:
Changes in 2.0  
?




Audio




library minim


"We've added Damien Di Fede's Minim library to the download."

Voir: 
Changes in 2.0
Ben Fry: "To use Sound, install the Sound Library via Sketch > Add Library... > Sound. The ancient PSound class no longer exists, and Minim (the library used in 2.x) is no longer maintained and not included in Processing 3."

DamienDi Fede:
Minim: "If you are using Processing 3.0 you can easily install it from the library manager."




Reference




Compatibilité Processing voir:
Changes in 2.0
Changes in 3.0
revisions.txt
Supported Platforms


" Processing is an intuitive and very easy to use Java library designed to help artist and students to create interactive computer animations.
Until very recently, Java applets were the only simple way to include Processing sketches in web pages. Unfortunately, during the last couple of years these applets have become less and less common in the web. Even some web browsers like Chrome do not support them anymore. P5.js came to solve that problem. It reproduces most of the Processing 2D features (3D still to come) with the added DOM functionalities of JavaScript."
 Javier Graciá Carpio


 Processing / JavaScript / HTML5 : ne pas confondre:


P5js p5.js

Officiel

Auteur: Lauren McCarthy

"p5.js is a JavaScript interpretation of Processing."

"p5.js is a JavaScript client-side library for creating graphic and interactive experiences, using canvas and HTML5, based on the core principles of Processing."
http://cdnjs.com/libraries/p5.js

"you can think of your whole browser page as your sketch"
"p5.js is a new interpretation, not an emulation or port"

Compatibilité -> Test Hello


 Chrome 
Firefox  Opera 
 Safari 
Explorer
 MacOSX.5
Non Non Non Non
 MacOSX.6
Non Oui
Non Non

Windows 7
Oui Oui
Non Non
Ubuntu 12

Oui



p5.js editor for Mac
Support for Windows and Linux coming soon


pjs.jpg Processing.js

Pas officiel

Auteur: John Resig et: AUTHORS

"A port of the Processing visualization language to JavaScript."

"Processing.js converts Processing code to JavaScript and runs it in the browser, using <canvas> for a drawing surface."

Quick Start

Voir: Processing.js for Processing Devs

Compatibilité  -> TestProcessingjs.html


 Chrome 
Firefox  Opera 
 Safari 
Explorer
 MacOSX.5
Oui Oui
Non Non

 MacOSX.6
Oui Oui Oui Oui
Windows 7
Oui Oui
Oui Oui
Ubuntu 12

Oui



Méthode 1: Voir -> TestProcessingjs.html

Méthode 2:
Processing 2 -> Add Mode... -> Mode JavaScript
Mode JavaScript -> Menu File -> Export -> Dossier web-export
Reference p5:
http://p5js.org/reference/

Forum p5.js
https://forum.processing.org/two/categories/p5-js

Editeur en ligne:
http://p5ide.herokuapp.com/editor#

Reference:
http://processingjs.org/reference/

"Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest. It's not magic, but almost."
http://processingjs.org/  
mozilla.org:
JavaScript
Reference JavaScript

w3schools:
JavaScript Tutorial


Incompatibilités:

Pas de dossier data, les fichiers sont dans le même dossier que le sketch. "Processing.js does not support dataPath()".

Il faut preload les fichiers, par ex:
/* @pjs preload="laDefense.jpg"; */
println() ecrit en bas de la fenetre du navigateur
Ajouter textSize() aprés textFont();
loadFont() ne fonctionne pas?
...
Voir -> PerecAlphabetsV15

Processing.js vs P5.js – What’s The Difference?
"P5 is a direct JS port of the Processing language.
Processing.js is a converter which interprets pure Processing code into JS on the fly.
The latter requires you to learn Processing, but not JS, and vice versa."

Voir: Méthode Conversion Processing -> p5

Ben Fry Jun 16, 2015 -> "p5js is our focus instead of processing.js"

Java ou Javascript?
En quoi le langage JavaScript est-il différent de Java ?  
Java vs JavaScript
"Java and Javascript are similar like Car and Carpet are similar."
Java vs JavaScript: What’s the Difference?
"Java is to JavaScript as ham is to a hamster"
 

Processing.py: Python Mode for Processing

"You write Processing code. In Python."
Processing.py

...


Voir:  Méthode Processing
         Méthode Conversion Processing -> p5

page mise à jour 26 1 2017
 
Méthodes Method