Creative coding using Processing - Workshop: An introduction to creative coding using Processing
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
legacy
.gitignore
LICENSE.md
README.md
cc_proc_workshop_intro.pde

README.md

Creative coding using Processing - Workshop: An introduction to creative coding using Processing.

complementary slides: tba

Processing version: 3.3

The purpose of the project is to illustrate and teach some basic drawing and interaction features of the creative coding library Processing. This activity is meant to be held in a workshop-like format and step by step to the participants using live coding, supported by the here illustrated and commented source code.

Following, a brief overview about the project's content is given as it is illustrated during the workshop:

  1. Introduction of the Processing base frame, including Processing's setup() and draw() cycle.
  2. Drawing of a simple (static) ball.
  3. Ball movement along the x-axis.
  4. Implementation of a bouncing effect, so the ball stays within the application window.
  5. Drawing some application feedback, such as FPS, the mouse's position as well as the currently pressed key, directly to the application's window.
  6. Refactoring of the ball instance's code into a separate dedicated class.
  7. More keyboard input: Increasing/decreasing the ball's radius.
  8. Implementation of the feature to let the ball follow the mouse's position, once the mouse clicked the ball.
  9. Introduction of the random() function in order to randomize the initial position of the ball as well as randomly changing the color of the ball once it was clicked.

In further preparation to this workshop, it is recommended to introduce the workshop participants to the very basics of the Processing programming language. In order to do so, a brief introduction to Processing has be created accordingly.

License

MIT License, see LICENSE.md