xxxxxxxxxx
size (500, 500);
//original circle
ellipse (20, 20, 30, 30);
//first translate
translate(40, 40);
ellipse (20, 20, 30, 30);
//Second translate, moves canvas from *PREVIOUS TRANSLATE LOCATION*
translate(40, 40); // so this is for x axis: 40+40 = 80, and similarly for y
ellipse (20, 20, 30, 30);
//third translate
translate(40, 40); // so this is for x axis: 40+40 = 80, and similarly for y
ellipse (20, 20, 30, 30);