// NYUSH F24 - gohai

​

// Note: this sketch consists of additional JavaScript

// files. Make sure to duplicate it, rather than copying

// and pasting code :)

​

let openai_api_proxy = "https://zest-quiet-phalange.glitch.me/";

​

let maxEmbeddings = 3; // how many embeddings we want to display at the same time

let curEmbedding = 0; // current embedding (0-2)

​

function setup() {

  createCanvas(400, 400);

  background(0);

​

  // whenever the button is clicked, call sendMessage

  select("#submit").mouseClicked(sendMessage);

}

​

function sendMessage() {

  // get the text from the text field

  let input = select("#input").value();

​

  // don't send empty messages to the API

  if (input == "") {

    return;

  }

​

  // send the request

  let params = {

    model: "text-embedding-ada-002", // this is a specialized model for generating embeddings

    input: input,

  };

  requestOAI("POST", "/v1/embeddings", params, gotResults);

}

​

function gotResults(results, params) {

  let embedding = results.data[0].embedding;

  console.log(params.input, embedding);

​

  // draw to the screen

  let i = 0;

  for (let y = curEmbedding; y < height; y += maxEmbeddings) {

    // clear the line

    colorMode(RGB);

    stroke(0);

    line(0, y, width, y);

    colorMode(HSB);

    stroke(

      map(curEmbedding % maxEmbeddings, 0, maxEmbeddings, 0, 360),

      255,

      255

    );

    let x = map(embedding[i], -1, 1, 0, width);

    line(width / 2, y, x, y);

    i++;

  }

  curEmbedding = (curEmbedding + 1) % maxEmbeddings;

}

​

function draw() {}

​