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
In this Discussion
- BarbaraAlmeida March 2016
- blindfish March 2016
- Datura March 2016
- GoToLoop March 2016
Tutorial on JavaScript Mode
Hello Processing people,
I am a JavaScript programmer and am looking for a tutorial on programming Processing in strict JavaScript.
Tagged:
Answers
I mean, pure JavaScript without added types like int and class. I get that from TypeScript.
http://p5js.org/reference/
Thank you GoToLoop. I found the website and downloaded p5.js. Problem is that I don't want to learn the Processing language. I want to do away with the setup()- and draw()-functions and use p5.js as a 'pure' JavaScript library.
Is that possible?
I don't think so. The core of every Processing spin-off is 1 canvas + setup() + draw().
What about the type specifiers like 'int' and 'class' that are not in the JavaScript language (yet)? I don't want p5.js to act like a transpiler from one language to another. Just a tutorial on using p5.js in a JavaScript environment. No added language features but with the processing abilities of Processing.
https://GitHub.com/processing/p5.js/wiki/Processing-transition
This link is pretty good:
(http://GitHub.com/processing/p5.js/wiki/Processing-transition)
Thank you for that. Still, I can use a tutorial. The functions setup() and draw() are not automatically called. Everything is put in the global namespace (yuk). The tutorial I am looking for will address things like code structure, patterns and typical use cases for Processing. All without prior knowledge of Processing the language.
https://vimeo.com/channels/learningp5js
@Datura said:
Agreed. Use instance mode to avoid this.
Lotsa examples for avoiding "polluting" JS global namespace:
https://forum.Processing.org/two/discussion/14798/how-to-split-a-p5-js-sketch-into-multiple-files