function preload() {
    glyphs = [
        loadImage('assets/svg/a.svg'),
        loadImage('assets/svg/b.svg'),
        loadImage('assets/svg/c.svg'),
        loadImage('assets/svg/d.svg'),
        loadImage('assets/svg/e.svg'),
        loadImage('assets/svg/f.svg'),
        loadImage('assets/svg/h.svg'),
        loadImage('assets/svg/i.svg'),
        loadImage('assets/svg/l.svg'),
        loadImage('assets/svg/n.svg'),
        loadImage('assets/svg/o.svg'),
        loadImage('assets/svg/p.svg'),
        loadImage('assets/svg/q.svg'),
        loadImage('assets/svg/r.svg'),
        loadImage('assets/svg/s.svg'),
        loadImage('assets/svg/t.svg'),
        loadImage('assets/svg/u.svg')
    ];
}

function setup() {
    createCanvas(windowWidth, windowHeight);
    frameRate(4);
}

count = 0;
x = 0;
y = 0;

function reset() {
    count = 0;
    x = 0;
    y = 0;
}

function draw() {
    clear();
    if (count < glyphs.length) {
        image(glyphs[count], 0, 0, 1000, 1000, x, y, 180, 180);
        count++;
    } else {
        reset();
    }
}

on = false;

function mouseClicked() {
    on = !on;
    if (on) {
        noLoop();
    } else {
        loop();
    }
}

@@ -801,112 +801,111 @@
  0;%0A
-x = 0;%0Ay = 0;%0A%0Afunction reset() %7B%0A    count = 0;%0A    x = 0;%0A    y = 0;%0A%7D%0A%0Afunction draw() %7B%0A    clear();
+%0Afunction nextGlyph() %7B%0A    return glyphs%5Bcount++%5D; // for now, increment%0A%7D%0A%0Afunction drawGlyph(x, y) %7B
 %0A   
@@ -952,21 +952,19 @@
 age(
-glyphs%5Bcount%5D
+nextGlyph()
 , 0,
@@ -996,16 +996,29 @@
 , 180);%0A
+    %7D else %7B%0A
         
@@ -1026,47 +1026,97 @@
 ount
-++
+ = 0
 ;%0A    %7D
- else %7B%0A        reset();%0A    %7D
+%0A%7D%0A%0Afunction draw() %7B%0A    clear();%0A    drawGlyph(0, 0);%0A    drawGlyph(0, 180);
 %0A%7D%0A%0A

split draw function, stack two images vertically