Some teaching material related to processing.org (or p5js). Processing is based on Java, but easier to learn and master.
The code from Processing.org needs to be downloaded but we'll use p5js https://editor.p5js.org/ instead. It runs on the browser. P5.js is a processing language port. In p5 the js code is written directly and it gets executed.