let gpt3Endpoint = 'https://api.openai.com/v1/chat/completions';

​

let bg;

​

let arduinoIn;

let recieved = 1;

​

let cartoonFont;

let italicCartoonFont;

​

let game;

let startBtn;

​

let notebookImg;

let catSleepImg;

let lobbyBg;

let textbubble;

let catMood = [];

let pressedFlag = false;

let btnArr = [];

​

let pauseTimer=0;

let typedText="";

​

var w = window.innerWidth;

var h = window.innerHeight;

​

//0: standby

//1: just beep

//2: runaway

//3: spin

let cmd = 0;

let currentMood = 5;

let promptInput = "";

let chatOutput = "";

​

async function makeOpenAIRequest(userInput) {

  const messages = [

    { role: 'user', content: userInput + "You are a pet, not an assistant. Evaluate my tone and give a response. Your mood is " + currentMood + ". Your mood fluctuates from a range of 1 to 10 where 1 is unhappy and 10 is happy. If the mood is already 10 or 1, no longer increase or decrease it. If you think I am being mean or unfriendly, decrease your mood. Otherwise, increase it. Respond with a format of 'Your cat felt ... and ..., and she ...(something a cat would do). pet mood: ...'. What comes after 'pet mood: ' should always be a number of your current mood." },

  ];

​

  try {

    const response = await fetch(gpt3Endpoint, {

      method: 'POST',

      headers: {

        'Content-Type': 'application/json',

        'Authorization': `Bearer ${apiKey}`,

      },

      body: JSON.stringify({

        model: 'gpt-3.5-turbo',

        messages: messages,

        max_tokens: 150,

      }),

    });

​

    const data = await response.json();

​

    if (data.choices && data.choices.length > 0 && data.choices[0].message && data.choices[0].message.content) {

      chatOutput = data.choices[0].message.content;

      let splitString = split(chatOutput, ':');

      currentMood = int(splitString[1]);

    } else {

      console.error('Invalid OpenAI response:', data);

      chatOutput = 'No valid response from OpenAI.';

    }

  } catch (error) {

    console.error('Error:', error);

    chatOutput = 'An error occurred while generating chat.';

  }

}

​

​

function preload(){

  bg = loadImage("assets/catcover.png");

  lobbyBg = loadImage("assets/livingroombg.png");

  catSleepImg = loadImage("assets/sleepcat.png");

  textbubble = loadImage("assets/textbubble.png");

  catMood.push(loadImage("assets/mildface.png"));

  catMood.push(loadImage("assets/happyface.png"));

  catMood.push(loadImage("assets/unhappyface.png"));

  notebookImg=loadImage("assets/notebook.png");

  cartoonFont=loadFont('fonts/Cute Cartoon.ttf');

  italicCartoonFont=loadFont('fonts/Cute Cartoon Italic.ttf');

}

​

function setup() {

  createCanvas(w, h);

  game = new Game();

  startBtn = new Btn("width / 2", "height *2 / 3", 50, 1, 0, "green");

  btnArr.push(startBtn);

  talkBtn = new TalkBtn("width * 3 / 4", "height * 3/ 4", 50, 2, 1, "orange");

  btnArr.push(talkBtn);

  petBtn = new PetBtn("width / 2", "height * 4 / 5 + 30", 50, 2, 1, "cyan");

  btnArr.push(petBtn);

  helpBtn = new HelpBtn("width / 10", "height  / 10", 50, 3, 1, "blue");

  btnArr.push(helpBtn);

//   let inputField = createInput();

//   inputField.changed(generateChat);

​

//   let button = createButton('Generate Chat');

//   button.mousePressed((event) => generateChat(event));

}

​

function draw() {

  noStroke();

  if(game.gameState == 0){

    background("white");

    imageMode(CENTER);

    image(bg,width/2,height/2);

    fill("#535353")

    textSize(196);

    textAlign(CENTER);

    textFont(cartoonFont);

    text("Cat Simulator",width/2,height/3);

    textFont(cartoonFont);

    startBtn.display();

  }

  else if(game.gameState == 3){

    image(notebookImg, width/2, height/2, width, height);

​

    // Display text on top

    textSize(26);

    fill(0);

    textAlign(CENTER, CENTER);

    text("Owner's Notes\n1. She only lets you pet her when she is \nrelatively happy. \n 2. If you are mean, she will most likely \nto be angry. \n 3. Her temper might be a bit... \nunpredictable.\nInstructions: Type to talk to the cat\n'Pet Her' to attempt to pet her\nCats like quiet, so don't talk to her too frequently\n\nPress anywhere to continue", width / 2, height / 2);

  }

  else{

    imageMode(CENTER);

    fill("white");

    image(lobbyBg,width/2,height/2);

    image(textbubble,width/2,height/4,width*3/4, height/4);

    drawConstrainedText(width / 4, height / 6 + 30, width/2, height/4, split(chatOutput, '.')[0]+'.');

    fill("white");

    rect(width / 4, height * 3 / 4 - 15,width / 2 - 60, 30, 10);

    fill("black");

    text(typedText, width / 4 +(width / 2 - 60)/2, height * 3 / 4)

    talkBtn.display();

    petBtn.display();

    helpBtn.display();

    image(catSleepImg,width*7/8 + 10,height*4.5/7,100,744/12.8);

    textSize(35);

    textAlign(CENTER)

    textStyle(BOLD);

    fill("black");

    text("Cat Mood:",width*11/12-55,height/14 - 20,110,58.2);

    if(currentMood <= 3){

      image(catMood[2],width*11/12,height/8,96.5,58.2);

    }

    else if(currentMood >= 7){

      image(catMood[1],width*11/12,height/8,96.5,58.2);

    }

    else{

      image(catMood[0],width*11/12,height/8,96.5,58.2);

    }

    if (game.gameState != 1){

      pauseTimer+=deltaTime;

      if(pauseTimer >= 5000){

        game.gameState = 1;

        pauseTimer=0;

      }

    }

  }

}

​

function drawConstrainedText(x, y, maxWidth, maxHeight, textContent) {

  push();

  textAlign(LEFT, TOP);

  textSize(36);

  fill(0);

​

  let words = textContent.split(' ');

  let currentLine = '';

  let lines = 0;

​

  for (let i = 0; i < words.length; i++) {

    let testLine = currentLine + words[i] + ' ';

    let testWidth = textWidth(testLine);

​

    if (testWidth > maxWidth && i > 0) {

      // If the current line exceeds the maximum width, truncate the line

      if (lines * textSize() < maxHeight) {

        text(currentLine, x, y + lines * textSize());

        currentLine = words[i] + ' ';

        lines++;

      } else {

        // If the maximum height is reached, stop drawing

        break;

      }

    } else {

      currentLine = testLine;

    }

  }

​

  // Draw the last line

  text(currentLine, x, y + lines * textSize());

  pop();

}

​

class Game{

  constructor(){

    this.gameState = 0;

  }

}

​

function mousePressed() {

  if(game.gameState==3){

    game.gameState=1;

    return;

  }

  // Check if the mouse is inside the circle  

  btnArr.forEach(function(value, index) {

    // Draw a rectangle for each element in the array

    if (value.contains(mouseX, mouseY) && game.gameState == value.stage && !pressedFlag) {

    // Trigger an event when the circle is clicked

      value.clicked();

      pressedFlag=!pressedFlag;

    }

  });

  pressedFlag = false;

}

​

function keyPressed() {

  if (keyCode == "17") {

    let fs = fullscreen();

    fullscreen(!fs);

  }

  else if (keyCode == "13"){

    talkBtn.clicked();

  }

  else if (keyCode == "8"){

    typedText = typedText.slice(0, -1)

  }

​

  if (key == " " && !serialActive) {

    // important to have in order to start the serial connection!!

    setUpSerial();

  }

​

}

​

function keyTyped() {

  // Append the typed key to the text

  if(game.gameState==1){

    typedText += key;

  }

​

}

​

function windowResized() {

  // Adjust canvas size when window is resized

  resizeCanvas(windowWidth, windowHeight);

}

​

​

class Btn {

  constructor(x, y, r, s, stage, clr) {

    this.x = x;

    this.y = y;

    this.r = r;

    this.statechange = s;

    this.stage = stage;

    this.clr = clr;

  }

​

  display() {

    fill(this.clr);

​

    ellipse(eval(this.x), eval(this.y), this.r * 2, this.r);

    textAlign(CENTER,CENTER);

    textSize(40);

    fill("white")

    text("START",eval(this.x), eval(this.y))

  }

​

  contains(px, py) {

    // Check if a point (px, py) is inside the circle

    let d = dist(px, py, eval(this.x), eval(this.y));

    return d < this.r;

  }

​

  clicked() {

    // Event to be triggered when the circle is clicked

    // You can add more actions or code here.

    game.gameState = this.statechange;

  }

}

​

class HelpBtn extends Btn{

  display() {

    fill(this.clr);

​

    ellipse(eval(this.x), eval(this.y), this.r * 2, this.r);

    textAlign(CENTER,CENTER);

    textSize(40);

    fill("white")

    text("Help",eval(this.x), eval(this.y))

  }

}

​

class PetBtn extends Btn{

  display() {

    fill(this.clr);

    ellipse(eval(this.x), eval(this.y), this.r * 2, this.r);

    textAlign(CENTER,CENTER);

    textSize(30);

    fill("black")

    text("Pet Her",eval(this.x), eval(this.y))

  }

  clicked() {

    // Event to be triggered when the circle is clicked

    cmd=2;

    writeSerial(cmd + "," + currentMood + "\n");

    // You can add more actions or code here.

    game.gameState = this.statechange;

  }

}

​

class TalkBtn extends Btn{

  display() {

    fill(this.clr);

    ellipse(eval(this.x), eval(this.y), this.r * 2 +10, this.r);

    textAlign(CENTER,CENTER);

    textSize(30);

    fill("black")

    text("Talk to her",eval(this.x), eval(this.y))

  }

  clicked() {

    // pass mood to arduino

    if(typedText=="dance"){

      cmd=3;

      writeSerial(cmd + "," + currentMood + "\n");

      typedText="";

      console.log(currentMood);

      game.gameState = this.statechange;

    }

    else{

      cmd=1;

      writeSerial(cmd + "," + currentMood + "\n");

      // pass message to gpt

      generateChat(typedText);

      // You can add more actions or code here.

      typedText="";

      console.log(currentMood);

      game.gameState = this.statechange;

    }

​

  }

}

​

let isRequesting = false;

​

async function generateChat(typedText) {

​

  if (isRequesting) {

    return; // Don't initiate a new request if one is already ongoing

  }

​

  isRequesting = true;

​

  if (typedText!="") {

    await makeOpenAIRequest(typedText);

  } else {

    alert('Please enter a prompt before generating chat.');

  }

​

  isRequesting = false;

}

​

// This function will be called by the web-serial library

// with each new *line* of data. The serial library reads

// the data until the newline and then gives it to us through

// this callback function

function readSerial(data) {

  ////////////////////////////////////

  //READ FROM ARDUINO HERE

  ////////////////////////////////////

​

  if (data != null) {

    // make sure there is actually a message

    // split the message

    let fromArduino = split(trim(data),",");

    // if the right length, then proceed

    if (fromArduino.length == 2) {

      // only store values here

      // do everything with those values in the main draw loop

      // We take the string we get from Arduino and explicitly

      // convert it to a number by using int()

      // e.g. "103" becomes 103

      // console.log(fromArduino);

      recieved = int(fromArduino[0]);

      arduinoIn=int(fromArduino[1]);

    }

​

    //////////////////////////////////

    //SEND TO ARDUINO HERE (handshake)

    //////////////////////////////////

    cmd=0;

​

  }

}

​