var tex = ' oh henlo'; // CHANGE ME TO WHATEVER TEXT YOU WANT

var pos, acc, head;

var limit = tex.length;

var spot = 0;

var post = [];

var content = '';

var c = 0;

var nx;

var ny;

​

// FUNCTIONAL

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  acc = createVector(random(5),random(5));

  pos = createVector(random(width),random(height));

  head = createElement('h1','');

}

​

function draw() {

  noiseUpdate();

  bgc();

    scroller();

}

​

​

// INTERESTING THINGS

​

function bounds() {

  if (pos.x > width || pos.x <0) {

    acc.x *= -1;

  }

  if (pos.y > height || pos.y < 0) {

    acc.y *= -1;

  }

}

​

​

​

​

function scroller() {

  if (frameCount % 10 == 0 && spot < limit) {

    for (let i = 0; i <= spot; i++) {

      post.push(tex[i]);

    }

    spot++;

        update();

  } else if ((frameCount % 10 == 0 && spot >= limit) && spot <= limit*2) {

    for (let i = 0; i <= spot-limit; i++) {

        post.push(tex[limit-1-i]);

    }

    spot++

        update();

  } else if (frameCount % 10 == 0 && spot > limit*2) {

    spot = 0;

    post = [];

    head.html(content);

  }

  function update() {

    content = join(post,''); 

    head.html(content);

    post = [];

  }

  acc = createVector(nx,ny);

  pos.add(acc);

  head.position(nx,ny);

  bounds();

}

​

​

function bgc() {

  let bg = map(noise(frameCount/100), 0,1,0,255);

  background(bg);

}

​

function noiseUpdate() {

  nx = map(noise(frameCount/100), 0,1,0,width);

    ny = map(noise((frameCount+1000)/100), 0,1,0,height);

}

​