Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
JavaScript versions of Processing
So with processing.js, JavaScript Mode and p5.js, we now have at least three different ways of using Processing to make JavaScript (JS). I couldn't find a concise comparison of them, but I think it goes something like this? I'd appreciate any corrections or clarifications.
- Processing.js translates almost-standard Processing code into JS, in a way that is largely invisible to the programmer. It allows us to use JavaScript and Java syntax, making JS calls from within a mostly-Java-looking programming, in a way which is convenient but a bit confusing.
- JavaScript Mode, integrated with the Processing Development Environment, is based on Processing.js, but somewhat independent of it.
- p5.js is a JS library; when you're using it, you're very definitely writing JavaScript, with all the
varandfunctionsyntax that implies. It's the newest of these projects, and is emphatically 'a new interpretation, not an emulation or port', so we should expect more divergence from the main Processing project, but perhaps better integration with web sites.
Does that sound about right? Would anyone like to add anything about the motivations for all these approaches?
Tagged:
Comments
JavaScript Mode uses processing.js in order to transform a Java Syntax source code into a JS running code.
Dunno much about p5.js. But seems like CoffeeScript Mode but using real JS syntax.
here is some info about how p5.js differs from processing.js: https://github.com/lmccart/p5.js#how-is-this-different-than-processingjs
and here is an overview of main syntax differences between Processing and p5.js: https://github.com/lmccart/p5.js/wiki/Processing-transition additionally, in p5.js your whole page becomes your sketch area, not just the graphics canvas, so there are libraries to interact with other HTML5 features and objects: p5js.org/libraries/
Thanks @lmccart! Nice summary. :)
Someone on G+ pointed me to that first page after I posted here. I'd even looked at the GitHub page, but I guess I didn't scroll down far enough...