Méthode
Processing suite: Les Processing
Ne
pas confondre ces 5 "Processing":
Compatibilité Processing 1 2 3 4:
Compatibilité Processing
voir:
" 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."
Processing / JavaScript / HTML5
: ne pas confondre:
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."
cdnjs.com/.../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
|
Chro
me |
Fire
fox |
Ope
ra |
Safa
ri |
Explo
rer
|
MacOS
X.5
|
Non
|
Non
|
Non
|
Non
|
|
MacOS
X.6
|
Non |
Oui
|
Non |
Non
|
|
MacOS
X.13
|
Oui |
Oui
|
|
Oui
|
|
Windows
7
|
Oui |
Oui |
|
Non |
Non |
Ubuntu
12
|
|
Oui |
|
|
|
p5.js editor for Mac
Support for Windows and Linux coming soon
|
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
|
Chro
me |
Fire
fox |
Ope
ra |
Safa
ri |
Explo
rer |
MacOS
X.5
|
Oui |
Oui
|
Non |
Non
|
|
MacOS
X.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:
p5js.org/reference/
Forum p5.js
Editeur en ligne:
https://editor.p5js.org
|
Reference Processing.js:
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:
w3schools:
|
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?
"Java and Javascript are similar like
Car and Carpet are similar."
"Java is to JavaScript as ham is to a
hamster"
Processing.py:
Python Mode for Processing
Processing for
Android
"You can run your Processing
sketches on Android devices (phones, tablets, watches) with little or
no changes in the code..."
Processing for
Android
...
Voir: Méthode
Processing
Méthode
Conversion Processing -> p5
Méthode Processing & OpenBCI
page mise à jour 22 2 2023
p5.js
Processing.js