fractalkitty looking for math? fractalkitty.com

all

Draft of nuthatch letters

#image#interactive#animation#animals#letters

lettersletterN

let a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z;
let letters = []
let letterN = 0;

function setup(){
  createCanvas(200,200);
  background(255);
}
function draw(){
  background(255);
  image(letters[letterN],0,0,200,200);

  
}
function preload(){
  letters[0] = loadImage('/assets/a.png');
  letters[1] = loadImage('/assets/b.png');
  letters[2] = loadImage('/assets/c.png');
  letters[3] = loadImage('/assets/d.png');
  letters[4] = loadImage('/assets/e.png');
  letters[5] = loadImage('/assets/f.png');
  letters[6] = loadImage('/assets/g.png');
  letters[7] = loadImage('/assets/h.png');
  letters[8] = loadImage('/assets/i.png');
  letters[9] = loadImage('/assets/j.png');
  letters[10] = loadImage('/assets/k.png');
  letters[11] = loadImage('/assets/l.png');
  letters[12] = loadImage('/assets/m.png');
  letters[13] = loadImage('/assets/n.png');
  letters[14] = loadImage('/assets/o.png');
  letters[15] = loadImage('/assets/p.png');
  letters[16] = loadImage('/assets/q.png');
  letters[17] = loadImage('/assets/r.png');
  letters[18] = loadImage('/assets/s.png');
  letters[19] = loadImage('/assets/t.png');
  letters[20] = loadImage('/assets/u.png');
  letters[21] = loadImage('/assets/v.png');
  letters[22] = loadImage('/assets/w.png');
  letters[23] = loadImage('/assets/x.png');
  letters[24] = loadImage('/assets/y.png');
  letters[25] = loadImage('/assets/z.png');
}

function keyPressed(){
  if(keyCode>=65 && keyCode<=90){
    letterN = keyCode-65;
  }
}