stage3.js

let renderer,
  scene,
  camera,
  myCanvas = document.getElementById('myCanvas');

  let modes = [];
  modes = ['helvetiker', 'optimer', 'gentilis', 'comic sans'];
  let modeIterator = makeIterator(modes);
  let mode = modeIterator.next();

  let fontLabel = document.createElement('div');
  fontLabel.innerHTML = mode.value;
  fontLabel.id = "fontLabel";
  document.body.appendChild(fontLabel);

  // RENDERER
  renderer = new THREE.WebGLRenderer({canvas: myCanvas, antialias: true});
  renderer.setClearColor(0x000000);
  renderer.setPixelRatio(window.devicePixelRatio);
  renderer.setSize(window.innerWidth, window.innerHeight);

  // CAMERA
  camera = new THREE.PerspectiveCamera(35, window.innerWidth / window.innerHeight, 0.1, 10000);

  // SCENE
  scene = new THREE.Scene();

  // LIGHTS
  let light = new THREE.AmbientLight(0xffffff, 0.5);
  scene.add(light);

  let light2 = new THREE.PointLight(0xffffff, 0.5);

  scene.add(light2);

  let loader = new THREE.FontLoader();
  let fontHelvetiker = loader.parse(helvetikerJSON);
  let fontOptimer = loader.parse(optimerJSON);
  let fontGentilis = loader.parse(gentilisJSON);
  let fontComicSans = loader.parse(comicsansJSON);
  let font = fontHelvetiker;
  textString = "MEMES";
  let geometry = new THREE.TextGeometry(textString, {font: font, size: 120, height: 10, bevelThickness: 1, extrudeMaterial: 1});
  let material = new THREE.MeshLambertMaterial({color: 0xF3FFE2});

  let mesh = new THREE.Mesh(geometry, material);
  mesh.position.z = -100;

  let pivot = new THREE.Group();
  pivot.add(mesh);
  scene.add(pivot);

  camera.position.set(300, 30, 900);

  let reached_far = false;
  let reached_near = false;
  let position = 10;

  function render() {

    camera.rotation.z += 0.01;
    pivot.rotation.y = 19.5;

    if (!reached_far && !reached_near) {
      camera.position.z += 10;
    } else if (reached_far && !reached_near) {
      camera.position.z -= 10;
    } else if (reached_far && reached_near) {
      reached_far = false;
      reached_near = false;
      camera.position.z += 10;
    }

    if (camera.position.z == 3000) {
      reached_far = true;
    }

    if (camera.position.z == 900) {
      reached_near = true;
    }

    pivot.remove(mesh);

    if ((mode.value.includes("helvetiker")) && !fontLabel.innerText.includes("helvetiker")) {
      font = fontHelvetiker;
      fontLabel.innerText = mode.value;
    } else if ((mode.value.includes("optimer")) && (!fontLabel.innerText.includes("optimer"))) {
      font = fontOptimer;
      fontLabel.innerText = mode.value;
    } else if ((mode.value.includes("gentilis")) && (!fontLabel.innerText.includes("gentilis"))) {
      font = fontGentilis;
      fontLabel.innerText = mode.value;
    } else if ((mode.value.includes("comic sans")) && (!fontLabel.innerText.includes("comic sans"))){
      font = fontComicSans;
      fontLabel.innerText = mode.value;
    }
    geometry = new THREE.TextGeometry(textString, {font: font, size: 120, height: 10, material: 0, bevelThickness: 1, extrudeMaterial: 1});  //TextGeometry(text, parameters)
    mesh = new THREE.Mesh(geometry, material);
    pivot.add(mesh);

    renderer.render(scene, camera);

    requestAnimationFrame(render);

  }

  //RENDER LOOP
  render();