acht dingbats van Manfred Klein. terug naar de inleiding naar de dingbat animatie in fullscreen
De fonts van Manfred Klein zijn gedownload van de site Fontspace
Zie ook het indrukwekkende cv van Manfred op de Luc Devroye site
toetsfuncties
met toetsen 1 t/m 9 worden de dingbats van de fonts getoond
toetsen waarmee de acht fonts worden geselecteerd
toets "z" = Absolute Improvisations
toets "x" = Laurens
toets "c" = Batzbats toetstoets "v" = Cavebats Three
toets "b" = Cave A Popart
toets "n" = Art Monster
toets "m" = Bauhaus Reminisce
toets "<" = 20th Century Art
De afbeelding downloaden met de "d" toets
De schets maakt ook gebruik van de class "Text" met fontkeuze mogelijkheid en de superclass "Vormen"
//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
let font0, font1, font2, font3;
function setup() {
createCanvas(windowWidth, windowHeight);
const x = width/2;
const y = height/2;
const n = height/25;
//ruitjespap = new Ruitjes(n, x, y);
//constructor 1 2 3 4 5 6 7 8 9 10
font0 = new Text('AB"',8*n, 0, x-15*n,y+4*n, 0, 1,color(0,0,250,150), n, color(255,0,0,150));
font1 = new Text("CD", 8*n, 0, x, y-6*n,0, 1,color(0,0,250,150), n*4,color(255,255,0,150));
font2 = new Text("EF", 8*n, 0, x+15*n, y+4*n,0, 1,color(200,0,250,150),n, color(0,255,255,150));
//constructor 1 2 3 4 5 6 7 8 9 10
font3 = new Text("Absolute Improvisations",2*n,1,x-22*n,y-10*n,0,3,color(200,0,250,150),3,color(-0,255,255,150));
}
function draw() {
background(230,251,255);
// ruitjespap.display();
font0.display();
font1.display();//
font2.display();
font3.display();
// font1.dpRotRe(font1);
}
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
}
function keyPressed() {
if (key == 'd' || key == 'D') {
save('dingbats.png');
}
if (key == '1') {
font0.text = 'AB'; font1.text = "CD"; font2.text = "EF";
}
if (key == '2') {
font0.text = "GH"; font1.text = "IJ"; font2.text = "KL";
}
if (key == '3') {
font0.text = "MN"; font1.text = "OP"; font2.text = "QR";
}
if (key == '4') {
font0.text = "ST"; font1.text = "UV"; font2.text = "WX";
}
if (key == '5') {
font0.text = "YZ"; font1.text = "ab"; font2.text = "cd";
}
if (key == '6') {
font0.text = "ef"; font1.text = "gh"; font2.text = "ij";
}
if (key == '7') {
font0.text = "kl"; font1.text = "mn"; font2.text = "op";
}
if (key == '8') {
font0.text = "qr"; font1.text = "st"; font2.text = "uv";
}
if (key == '9') {
font0.text = "x"; font1.text = "w"; font2.text = "yz";
}
if (key == "z" || key == "Z") {
font3.text = "Absolute Improvisations"
font0.f = 1; font1.f = 1; font2.f = 1;
font0.c = color(255,0,0,150); font0.c2 = color(255,241,0,150);
font1.c = color(255,0,0,150); font1.c2 = color(0,255,0,150);
font2.c = color(0,255,241,150);font2.c2 = color(0,0,255,150);
}
if (key == "x" || key == "X") {
font3.text = "Laurens"
font0.f = 2; font1.f = 2; font2.f = 2;
font0.c = color(0,0,250,150); font0.c2 = color(255,0,0,150);
font1.c = color(0,0,250,150); font1.c2 = color(255,255,0,150);
font2.c = color(200,0,250,150);font2.c2 = color(0,255,255,150);
}
if (key == "c" || key == "C") {
font3.text = "Batzbats"
font0.f = 4; font1.f = 4; font2.f = 4;
font0.c = color(255,0,0,150); font0.c2 = color(26,198, 255,150);
font1.c = color(0,0,250,150); font1.c2 = color(255,255,0,150);
font2.c = color(0,0,255,150); font2.c2 = color(255,102,102,150);
}
if (key == "v" || key == "V") {
font3.text = "Cavebats Three"
font0.f = 5; font1.f = 5; font2.f = 5;
font0.c = color(250, 200, 0,150);font0.c2 = color(250, 0, 0,150);
font1.c = color(0,0,250,150); font1.c2 = color(255,255,0,150);
font2.c = color(255, 0, 50,150); font2.c2 = color(0,255,255,150);
}
if (key == "b" || key == "B") {
font3.text = "Cave APopart"
font0.f = 6; font1.f = 6; font2.f = 6;
font0.c = color(0,0,250,150); font0.c2 = color(255,0,0,150);
font1.c = color(0,0,250,150); font1.c2 = color(255,255,0,150);
font2.c = color(200,0,250,150);font2.c2 = color(0,255,255,150);
}
if (key == "n" || key == "N") {
font3.text = "Art Monster"
font0.f = 7; font1.f = 7; font2.f = 7;
font0.c = color(0,0,250,150);font0.c2 = color(255,0,0,150);
font1.c = color(0,0,250,150);font1.c2 = color(255,255,0,150);
font2.c = color(0,0,250,150);font2.c2 = color(0,255,0,150);
}
if (key == "m" || key == "M") {
font3.text = "Bauhaus Reminisce"
font0.f = 8; font1.f = 8; font2.f = 8;
font0.c = color(241, 15, 18,150);font0.c2 = color(0, 255,0,150);
font1.c = color(15, 15, 241,150);font1.c2 = color(255,255,0,150);
font2.c = color(241, 15, 50,150);font2.c2 = color(10,0, 255,150);
}
if (key == "," || key == "<") {
font3.text = "20th Century Art"
font0.f = 9; font1.f = 9; font2.f = 9;
font0.c = color(241, 15, 18,150);font0.c2 = color(0, 255,0,150);
font1.c = color(15, 15, 241,150);font1.c2 = color(255,255,0,150);
font2.c = color(241, 15, 50,150);font2.c2 = color(10,200, 25,150);
}
}