currentScreen = "game",

    //scaleSlider, //scaleText,

    guiScaleSlider, guiScaleText, guiTestButton;

​

const _width = 320, _height = 450;

​

function setup() {

  createCanvas(_width*scl, _height*scl);

  guiScaleSlider = new GuiHTMLElement("*", new Transform({x:10, y:()=>height+12.5}, true), createSlider, [1, 1.8, scl, 0.1]);

  guiScaleText = new GuiHTMLElement("*", new Transform({x:150, y:()=>height}, true), createP, [], false);

  guiScaleText.onChangeScale = ()=>{

    guiScaleText.element.html("Scale: " + scl);

  };

  guiScaleText.baseInitialize();

  /*guiTestButton = new GuiHTMLElement("*", new Transform({x:10, y:()=>height+42.5}, true), createButton, ["Switch screen"]);

  guiTestButton.element.mousePressed(()=>{

    if(currentScreen === "game") changeScreen("title");

    else changeScreen("game");

  });*/

  gui.add(guiScaleSlider);

  gui.add(guiScaleText);

  //gui.add(guiTestButton);

}

​

function draw() {

  if(guiScaleSlider.element.value() !== scl) changeScale();

  background(240);

  gui.render();

}

​

function changeScale(){

  const newScl = guiScaleSlider.element.value();

  resizeCanvas(_width * newScl, _height * newScl);

  const oldScl = scl;

  scl = newScl;

  gui.onChangeScale(oldScl);

}

​

function changeScreen(newScreen){

  if(newScreen === currentScreen) return;

  const oldScreen = currentScreen;

  currentScreen = newScreen;

  gui.onChangeScreen(oldScreen);

}