let chatLog = []; // Chat log to store messages

const apiKey = "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"; // Replace with your OpenAI API key

​

let sentUserMessage = {

  method: "POST",

  headers: {

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

    Authorization: "Bearer " + apiKey,

  },

};

​

function setup() {

  createCanvas(400, 400);

​

  // Create input field

  userInput = createInput();

  userInput.position(10, height - 50);

  userInput.size(300);

​

  // Create send button

  const sendButton = createButton("Send");

  sendButton.position(userInput.x + userInput.width + 10, height - 50);

  sendButton.mousePressed(sendMessage);

}

​

function draw() {

  background(240);

​

  // Set text size and wrapping width

  textSize(12);

  let textWrapWidth = width - 20; // Leave some padding on the sides

  let y = 20;

​

  for (const message of chatLog) {

    // Calculate the height of the text block

    let lines = ceil(textWidth(message) / textWrapWidth); // Number of lines

    let messageHeight = lines * 15; // Approximate height of each line

​

    // Display the message

    text(message, 10, y, textWrapWidth);

​

    // Increment y position for the next message

    y += messageHeight + 5; // Add extra padding between messages

  }

}

​

function sendMessage() {

  const userMessage = userInput.value().trim(); // Get user input and trim whitespace

  if (userMessage === "") return; // Do nothing if the input is empty

​

  chatLog.push("You: " + userMessage);

  userInput.value(""); // Clear the input field

​

  // Wrap the user message in a specific prompt

  const prompt = "The user looks"+userMessage+"Respond in one sentence.";

​

  sentUserMessage.body = JSON.stringify({

      model: "gpt-4o-mini", // Use your valid model

      messages: [

      {

        "role": "developer",

        "content": "You are a person. You need to comment on the user's emotion predening you see the person's face. Be creative."

      },

      {

        "role": "user",

        "content": prompt

      },

      {

        "role": "assistant",

        "content": "Yoo what's your look? What's going on"

      }

    ],

      max_tokens: 50, // Limit the response length

});

  // Call OpenAI API

  fetch("https://api.openai.com/v1/chat/completions", sentUserMessage)

    .then((response) => {

      if (!response.ok) {

        throw new Error(`HTTP error! Status: ${response.status}`);

      }

      return response.json();

    })

    .then((data) => {

      const botResponse = data.choices[0].message.content.trim();

      chatLog.push("Bot: " + botResponse);

    })

    .catch((error) => {

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

      chatLog.push("Bot: Sorry, something went wrong.");

    });

}

​

​

​

​