var points;

var mText;

var mTextSize;

var pRad;

var ringCount;

var ringStepSize;

​

function preload() {

  font = loadFont('Gugi-Regular.ttf');

}

​

function setup() {

  createCanvas(400, 400);

  mText = 'SHRED';

  mTextSize = 100;

  pRad = mTextSize / 4;

  points = font.textToPoints(mText, 32, height / 2, mTextSize);

  ringCount = 10;

  ringStepSize = pRad / ringCount;

}

​

function draw() {

  background(51);

  noFill();

  stroke(255);

  for(var i = 0; i < points.length; i++) {

    var pt = points[i];

    stroke(255,0,0);

    ellipse(pt.x, pt.y, pRad);

    for(var j = 1; j < ringCount; j++) {

      stroke(0,0,255);

      ellipse(pt.x + sin(pt.alpha), pt.y + cos(pt.alpha), pRad - (j * ringStepSize));

    }

  }

}