page 0085

//text

var textX = -200;

​

// for the sound on/off button

var sndSwitch = true; // defaults to on

var squareX = 563;

var squareY = 430;

var buttonSW = 80;

var buttonSH = 12;

//var sndT = "SOUND: ON";

var sndON;

var sndOFF;

var sndI; // image switcher

​

// for the arrow button

var arrowX = 20;

var arrowY = 410;

var buttonAW = 30;

var buttonAH = 30;

​

var alpha = 131, delta = 1; // for arrow opacity

var switchNum = 1; // switcher

var numFrames = 14; // for all 3 regular sets of frames

var currentFrame = 0;

var sup;

var smallsup;

​

var CS1 = new Array(numFrames); //image set 1

var CS2 = new Array(numFrames); //image set 2

var CS3 = new Array(numFrames); //image set 3

​

function preload() {

  wind = loadSound('arizona_wind_mp3.mp3');

  sndI = loadImage("sound_on.png");

  sup = loadImage("sup_white.png");

  smallsup = loadImage("smallest_sup.png");

  sndON = loadImage("sound_on.png");

  sndOFF = loadImage("sound_off.png");

  //textFont('Courier');        // all 3 of these give a black screen

  //textFont('FONTSTUCK.ttf');

  //textFont('assets/courbd.ttf');

  //*FONTSTUCK font by KevinHilt*

  //*https://fontstruct.com/fontstructions/show/675134/fontstuck_2*

  // frame set 1

  CS1[0] = loadImage("CS11.png");

  CS1[1] = loadImage("CS11.png");

  CS1[2] = loadImage("CS12.png");

  CS1[3] = loadImage("CS12.png");

  CS1[4] = loadImage("CS13.png");

  CS1[5] = loadImage("CS13.png");

  CS1[6] = loadImage("CS14.png");

  CS1[7] = loadImage("CS14.png");

  CS1[8] = loadImage("CS13.png");

  CS1[9] = loadImage("CS13.png");

  CS1[10] = loadImage("CS12.png");

  CS1[11] = loadImage("CS12.png");

  CS1[12] = loadImage("CS11.png");

  CS1[13] = loadImage("CS11.png");

  // frame set 2

  CS2[0] = loadImage("CS21.png");

  CS2[1] = loadImage("CS21.png");

  CS2[2] = loadImage("CS22.png");

  CS2[3] = loadImage("CS22.png");

  CS2[4] = loadImage("CS23.png");

  CS2[5] = loadImage("CS23.png");

  CS2[6] = loadImage("CS24.png");

  CS2[7] = loadImage("CS24.png");

  CS2[8] = loadImage("CS23.png");

  CS2[9] = loadImage("CS23.png");

  CS2[10] = loadImage("CS22.png");

  CS2[11] = loadImage("CS22.png");

  CS2[12] = loadImage("CS21.png");

  CS2[13] = loadImage("CS21.png");

​

  // frame set 3

  CS3[0] = loadImage("CS31.png");

  CS3[1] = loadImage("CS31.png");

  CS3[2] = loadImage("CS32.png");

  CS3[3] = loadImage("CS32.png");

  CS3[4] = loadImage("CS33.png");

  CS3[5] = loadImage("CS33.png");

  CS3[6] = loadImage("CS34.png");

  CS3[7] = loadImage("CS34.png");

  CS3[8] = loadImage("CS33.png");

  CS3[9] = loadImage("CS33.png");

  CS3[10] = loadImage("CS32.png");

  CS3[11] = loadImage("CS32.png");

  CS3[12] = loadImage("CS31.png");

  CS3[13] = loadImage("CS31.png");

}

​

function setup() {

  createCanvas(650, 450);

  frameRate(10);

  wind.loop();

  wind.setVolume(0.2); //for now

  //textFont('FONTSTUCK.ttf');  ---> when i do this, the font size becomes the same accross the sketch

}

​

function mouseReleased() {

    if(mouseX > arrowX && mouseX < arrowX + buttonAW && mouseY > arrowY && mouseY < arrowY + buttonAH) {

    fill(0); // only fills for a second bc of fade effect in draw()

    triangle(20, 410, 20, 440, 50, 425.5);

    // if switchNum is above 3, it'll just stop so loop it back to one with this:

    if(switchNum == 3) {

      switchNum = switchNum - 2;

    //if not, just increment to the next set of frames

    }else{

    switchNum = switchNum + 1; 

    } 

  }

      // for the sound button

    if(mouseX > squareX && mouseX < squareX + buttonSW && mouseY > squareY && mouseY < squareY + buttonSH) {

      if(sndSwitch == true) {

        sndSwitch = false;

        //sndT = "SOUND: OFF";

        sndI = sndOFF;

        wind.setVolume(0.0);

      } else {

        sndSwitch = true;

        //sndT = "SOUND: ON";

        sndI = sndON;

        wind.setVolume(0.2);

      }

    }

}

​

function draw() {

  if(switchNum == 1) {

  // frame set 1: little hive on the prairie

  for (var xcuseVar = 0; xcuseVar == 0; xcuseVar += CS1[0].width) {

      currentFrame = (currentFrame+1) % numFrames; 

      image(CS1[currentFrame % numFrames], 0, 0);

      //arrow fade

      if (alpha == 130 || alpha == 255) { delta = -delta; } 

      alpha = alpha + delta;

      fill(230, alpha); 

      noStroke();

      triangle(20, 410, 20, 440, 50, 425.5);

      }

      // this activates the sound on/off text

      //fill(255);

      //(12);

      //('Courier'); // the only one that kind of works

      image(sndI, 565, 432);

      //textFont('FONTSTUCK.ttf'); ---> when i do this, the font size becomes the same accross the sketch

      //text(sndT, 565, 440);

  }

    if(switchNum == 2) { 

    // frame set 2: crudely-drawn look up

    for (var xcuseVar2 = 0; xcuseVar2 == 0; xcuseVar2 += CS2[0].width) {

      currentFrame = (currentFrame+1) % numFrames; 

      image(CS2[currentFrame % numFrames], 0, 0);

      //arrow fade

      if (alpha == 130 || alpha == 255) { delta = -delta; } 

      alpha = alpha + delta;

      fill(230, alpha); 

      noStroke();

      triangle(20, 410, 20, 440, 50, 425.5);

      }

      // this activates the sound on/off text

      //fill(255);

      //textSize(12);

      //text(sndT, 565, 440);

      image(sndI, 565, 432);

      // this activates the floating text

      textSize(5);

      translate(width/2, height/2);

      rotate(radians(330));

      //fill(255);

      //text("SGRUB UPSILON",textX,-170);

      image(smallsup, textX, -172);

      textX = textX + 1;

      if(textX > 160) {

        textX = -320;

      }

    }

  if(switchNum == 3) {

  // frame set 3: the moon and the floating letters

  for (var xcuseVar3 = 0; xcuseVar3 == 0; xcuseVar3 += CS3[0].width) {

      currentFrame = (currentFrame+1) % numFrames; 

      image(CS3[currentFrame % numFrames], 0, 0);

      //arrow fade

      if (alpha == 130 || alpha == 255) { delta = -delta; } 

      alpha = alpha + delta;

      fill(230, alpha); 

      noStroke();

      triangle(20, 410, 20, 440, 50, 425.5);

    }

      // this activates the sound on/off text

      //fill(255);

      //textSize(12);

      //text(sndT, 565, 440

      image(sndI, 565, 432);

      // this activates the floating text

      textSize(18);

      translate(width/2, height/2);

      rotate(radians(330));

      //fill(255);

      //text("SGRUB UPSILON",textX,-10);

      image(sup, textX, -30);

      textX = textX + 1;

      if(textX > 390) {

        textX = -560;

      }

  }

}