dingbat slideshow

Manfred Klein dingbat slideshow van 7 fonts. terug naar de inleiding
Met de "d" toets wordt een dingbat afbeelding gedownload.
 
 let laurnArray = []; let batzbatsArray = []; let cavebatsArray = []; let cavepopArray = [];
let artMonstersArray = []; let century20Array = []; let vectPaintArray = [];
let lengte = 0; let teller = 0;
let font1; let font2; let font3; let font4; let font5; let font6; let font7;
//lengte is het aantal cellen in de array
function setup() {
createCanvas(windowWidth, windowHeight);
const x = width/2; const y = height/2; const n = height/25;
//argumenten van de constructor:
//1) tekst string, 2) lettergrootte, 3) draaipunt,
//4) x positie,    5) y positie,     6) hoek,
//7) font 1 t/m 6, 8) letterkleur    9) lijn dikte, 10) lijnkleur
//constructor      1    2   3  4  5      6  7           8           9            10
font1 = new Text("A", 16*n, 0, x, y-2*n, 0, 1,color(200,0,250,200), 3*n,color(0,255,255,200));
font2 = new Text("A", 16*n, 0, x, y-2*n, 0, 2,color(255,0,0,200),   3*n,color(0,255,0,200));
font3 = new Text("@", 16*n, 0, x, y-2*n, 0, 3,color(0,0,255,200),   3*n,color(255,102,102,200));
font4 = new Text("!", 16*n, 0, x, y-2*n, 0, 4,color(250,25,194,200),3*n,color(215,237,55,200));
font5 = new Text("!", 16*n, 0, x, y-2*n, 0, 5,color(15,19,250,150), 3*n,color(232,210,84,250));
font6 = new Text("0", 16*n, 0, x, y-2*n, 0, 6,color(250,13,44,200), 3*n,color(49,204,211,200));
font7 = new Text("!", 16*n, 0, x, y-2*n, 0, 7,color(241,15,18,200), 3*n,color(0,255,0,150));
 
laurnArray = ["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","[","]","^","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","{","|","}","~"];
 
batzbatsArray= ["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","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"];
 
cavebatsArray= ["@","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","[","]","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"];
 
cavepopArray = ["!",'"',"#","$","%","/","0","2","3","4","5","6","7","8","9",":",";","<","=","?",
                "@","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","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"];
 
artMonstersArray=["!",'"',"#","$","%","&","'","(",")","*","+",",","-",".","/","0","2","3","4","5",
                  "6","7","8","9","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","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"];
 
century20Array = ["0","2","3","4","5","6","7","8","9","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","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"];
 
vectPaintArray = ["!",'"',"#","$","%","&","'","0","2","3","4","5","6","7","8","9","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","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"];
}
//laurn = 58 batzbat= 51, cavebats = 54, cavepop = 72
//artMonsters = 75, century20 = 60. vectPaint =  67
function draw() {
  clear();
  background('rgba(255,255,255, 0)');
  teller = teller+1;
  if (teller < 2850)
     {slideFont(font1, 58, laurnArray);}
  else if (teller > 2850 && teller < 5350)
     {slideFont(font2, 51, batzbatsArray);}
  else if (teller > 5350 && teller < 8000)
      {slideFont(font3, 54, cavebatsArray);}
  else if (teller > 8000 && teller < 11550)
      {slideFont(font4, 72, cavepopArray);}
  else if (teller > 11550 && teller < 15250)
      {slideFont(font5, 75, artMonstersArray);}
  else if (teller > 15250 && teller < 18100)
      {slideFont(font6, 60, century20Array);}
  else if (teller > 18100 && teller < 21400)
      {slideFont(font7, 67, vectPaintArray);}
  else if (teller > 21400) {teller = 0;}
}
 
function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}
 
function slideFont(font, lengte, fontarray) {
  for (i = 0; i < lengte; i++) {
    if (frameCount > i*50+50 && frameCount < i*50+100)
       {font.text = fontarray[i]; font.display();}
    if (frameCount > lengte*50+100){frameCount = 0;}
  }
}
 
function keyPressed() {
  if (key == "d" || key =='D')
  {save('dingbat.png');}
}
Flevopink
