<- deswegen gibt es da nichts zu sehen:

es ist leider nicht möglich, createfont direkt im browser laufen
zu lassen ohne die processingfontdatei.

 
PFont myFont;
int x = 100;
int counterA;
int counterB;
int counterC;
int counterI;
char currentCharA;
char currentCharB;
char currentCharC;
char currentCharI;
String[] Zitat = new String [3];
int m = 0;
int k = 0;
int i = 0;
int f = 45;
int posX = int(random(width-50)+25);
int posY = int(random(height-50)+20);
int z = int(random(0,5));

void setup(){
  size(640,480);
  frameRate(25);
  myFont = createFont("Monaco",30,true);
  textFont(myFont);
  textAlign(CENTER);
  smooth();
  Zitat[0] = " Farbe ist Leben, ";
  Zitat[1] = " denn eine Welt ohne Farben ";
  Zitat[2] = " erscheint uns wie tot. ";

}

void draw(){
  fill(0,10);
  rectMode(CENTER);
  rect(width/2,height/2,width,height);
  int  r[] = {200,  15,240,110,  0,240,220,165, 60,  0,145,255};
  int  g[] = { 15,  15,220,  0,150,110, 55,  0,  0, 90,190,175};
  int  b[] = { 15, 200,  0,110, 50,  0,  0, 55,170,120,  0,  0};
  fill(r[z],g[z],b[z]);
  text(currentCharA,mouseX-Zitat[0].length()/2*30+counterA*18,mouseY);
  currentCharA = Zitat[0].charAt(counterA);
  if (counterA >= Zitat[0].length()-1) {
    text(currentCharB,mouseX-Zitat[1].length()/2*15+counterB*18,mouseY+30);
    currentCharB = Zitat[1].charAt(counterB);
    if (counterB >= Zitat[1].length()-1) {
      text(currentCharC,mouseX-Zitat[2].length()/2*25+counterC*18,mouseY+60);
      currentCharC = Zitat[2].charAt(counterC);
      if (counterC >= Zitat[2].length()-1) {
        counterA = 0;
        counterB = 0;
        counterC = 0;
        z = int(random(0,11));
      }
      counterC++;
    }
    else{
      counterB++;
    }
  }
  else{
    counterA++;
  }

  if (mousePressed){
    int  FarbeR[] = {  0,255,255,255,  0,  0};
    int  FarbeG[] = {255,  0,255,  0,255,  0};
    int  FarbeB[] = {255,255,  0,  0,  0,255};
    String Kontext[] = {" Itten was wrong! "," CMYK "," Lab "," HSV ", " HLS ", " LUV "," RGB" };
    fill(FarbeR[m], FarbeG[m], FarbeB[m],50);
    text(currentCharI,(posX-Kontext[k].length()/2)+counterI*18,posY);
    currentCharI = Kontext[k].charAt(counterI);
    if (counterI >= Kontext[k].length()-1) {
      counterI = 0;
      posX = int(random(width-50)+25);
      posY = int(random(height-50)+20);
      k = int(random(0,6));
      m = int(random(0,5));
    }
    else{
      counterI++;
    }
  }
}

Wie kann man sehr viele Linien zeichnen, ohne jede Linie einzeln,
von Hand zu setzen und diese durch eine Formel variabel umformen.

//Variablen
int meinRot = 0;
int meinBlau = 0;
int meinGruen = 0;
int c = 0;
int r = 7;

void setup(){
  smooth();
  frameRate(25);
  size(640,480);
  background(0);
  noCursor();
}

void draw(){
  noStroke();
  fill(0,15);
  rectMode(CENTER);
  rect(width/2,height/2,width,height);

  strokeWeight(3);
  for (int i = 0; i <= 640; i = i+40) {
    for (int j = 0; j <= 480; j = j+40) {
      int meinRot = 0;
      int meinBlau = 0;
      int meinGruen = 0;
      c++;
      if(c == r){
        meinRot = (int)(255f * i / width);
        meinGruen = (int)(255f * j / height);
        meinBlau = (255);
        c = 1;
        r = int(random(5,10));
      }
      stroke(meinRot,meinGruen,meinBlau);
      drawHalfWay(i, j);
    }
  }
}

void drawHalfWay(int theX,int theY){
  int myHalfX = getAverage(mouseX, theX);
  int myHalfY = getAverage(mouseY, theY);
  line(myHalfX, myHalfY, theX, theY);
}
int getAverage(int theA, int theB){
  int myHalfWay = ((theA + theB)/2);
  return myHalfWay;
}

Ein kleines Video aus 6 Bildern, welches Dank guter
Komprimierung zu klein für den Videohoster war.