Programming for Visual Artists

ARTS-A0701 – Digital Art 1

2024 - Lecture 8

Today

Audio visualisation
Interaction (mouse and keyboard input)

Audio input

Mic level

https://editor.p5js.org/otsohavanto/sketches/GS3PHRjP

Audio Input

Mp3 and FFT

https://editor.p5js.org/otsohavanto/sketches/juNN-VoDD

Mouse input

Saving images and creating sliders

Save Image

function mouseClicked() {
  saveCanvas('img_name', 'png');
}

Create sliders

let slider;
function setup() {
  slider = createSlider(0, 255, 100);
  slider.position(10, 10);
}

function draw() {
  let val = slider.value();
  background(val);
}