frutillar_3

var analyzer; 

var waveform;

var level;

var phi = [];

var r = [];

var time;

var mu;

var taco;

let f=1;

let t;

​

const textToWrite = "Frutillar";

const SEGMENTS    = 200;

let Montecatini;

//auto start variables

let centerX, centerY, fontSize, INNER_RADIUS, RADIUS_VARIATION;

let s;

​

function preload() {

  Montecatini= loadFont("MontecatiniPro-AmpioBold.ttf");

  s = loadSound("ton_-_larosa.mp3");

  s.setVolume(1.1);

  amplitude = new p5.Amplitude();

    for(var i = 0; i < 255; ++i)

    phi[i] =  TWO_PI * i / 255;

  time = 0;

  mu = PI * 0.3;

}

function setup() {

  s.play();

  createCanvas(windowWidth, windowHeight);

  centerX = windowWidth/2;

  centerY = windowHeight/1.8;

  let screenPct = min(height, width) / 1000;

  fontSize = screenPct * 100;

  INNER_RADIUS = screenPct * 200;

  RADIUS_VARIATION = screenPct * 100;

  textFont('MontecatiniPro-AmpioBold');

  textSize(fontSize);

    analyzer = new p5.FFT();

}

​

​

//code adapted from @GoToLoop

//generates a circular noise with perfect looping

//https://forum.processing.org/one/topic/how-to-make-perlin-noise-loop.html

function pointForIndex(pct) {

​

  const NOISE_SCALE       = 1.95;

  let angle = pct * TWO_PI;

  let cosAngle = cos(angle);

  let sinAngle = sin(angle);

  let time = frameCount / 100+20/(level+100);

  let noiseValue = noise(NOISE_SCALE * cosAngle + NOISE_SCALE, NOISE_SCALE * sinAngle + NOISE_SCALE, time);

  let radius = INNER_RADIUS + RADIUS_VARIATION * noiseValue;

  return {

    x: radius * cosAngle + centerX,

    y: radius * sinAngle + centerY

  };

}

​

function draw() {

   waveform = analyzer.waveform();

  level = amplitude.getLevel();

  print(level);

​

  background(255);

  fill(0);

  curveTightness(level/2);

    strokeWeight(2.1+waveform[i+20]);

  //draw sphere

  beginShape();

         for(var i = 0; i < 255; i+=6)

          curveVertex(r[i] *  cos(phi[i]) * cos(mu), r[i] * sin(phi[i])) * sin(mu);

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

      let p0 = pointForIndex(i/SEGMENTS);

      vertex(p0.x*f, p0.y*f);

    }

  endShape(CLOSE);

  //draw text

  let pct = atan2(mouseY - centerY, mouseX - centerX) / TWO_PI;//follow mouse

  //let pct = 0;//dont follow mouse

  let pixToAngularPct = 1/((INNER_RADIUS+RADIUS_VARIATION/2)*TWO_PI);

  for (var k = 0; k < textToWrite.length; k++) {

    let charWidth = textWidth(textToWrite.charAt(k));

    pct += charWidth/1.8 * pixToAngularPct;

    //calculate angle

    let leftP = pointForIndex(pct-0.1);

    let rightP = pointForIndex(pct+0.1);

    let angle = atan2(leftP.y - rightP.y, leftP.x - rightP.x) + PI;

    push();

      let p = pointForIndex(pct*(f));

      //apply angle

      translate(p.x, p.y);

        rotate(angle);

      translate(-p.x, -p.y);

      text(textToWrite.charAt(k), p.x-charWidth/2, p.y);

    pop();

    pct += charWidth/2 * pixToAngularPct;

  }//for

}

​