Processing: Installation and quick walkthrough
Installing Processing is really straightforward. All you have to do is to navigate to the download page and click the button. If you have further questions, you’ll find all relevant informations on that page.
Overview
If you open the Processing application for the first time, you’ll probably be surprised how simple the application UI is. It’s not much more than the code field, a play- and a pause button. If you click the play-button, the code in the code area is executed. If you hit stop, it’ll stop. That’s it.
Published by Tim on Saturday March 14, 2020
- Processing and p5.js
- Processing: Installation and quick walkthrough
- Three Ways to use p5.js
- setup() and draw()
- Setting the size for your sketch
- Background
- Basic Geometry
- Styling Shapes with Stroke and Fill
- rectMode() and ellipseMode()
- Lines, Triangles and Polygons
- The Reference
- Mouse Interaction
- Colors
- Randomness
- Variables
- Conditional Statements
- Switch
- Operators
- Transformations
- push() and pop()
- Comments
- For-Loops
- For-Loops (Examples)
- Waves
- Waves (Examples)
- Modulo
- Mapping
- Saving Images
- Using the Console
- Functions
- Keyboard Interaction
- Exercise: Geometric Typography
- Wrapping Up