Gemini-Sample

/**

 * This p5.js sketch integrates with the Google Gemini API 

 * to generate text — based on your text prompt and the p5.js canvas.

 * See geminiAPI.js for info on how to obtain your own API key.

 * Based on https://editor.p5js.org/pitaru/sketches/Ixu00bucD 

 * by Amit Pitaru. Uses p5.js v.1.11.0 and geminiAPI 0.1.5.

 *

 * When you fork this sketch, make sure to include geminiAPI.js, 

 * and make sure to enable the geminiAPI.js library. 

 *

 * Instructions for use:

 * 1. Draw with the cursor. 

 * 2. Press any key to transmit the canvas to the Gemini API. 

 * 3. To clear the screen, start drawing again.

 */

​

let bRestart = true;

function setup() {

  createCanvas(500, 500);

  background('white');

  text("Make a drawing to start, then press a key.", 20,30);

}

​

function keyPressed(){

    // (Here are some quick examples, try them out.)

    // let myPrompt = "In 1 word and one emoji, tell me what you see.";

    // let myPrompt = "Count how many things you see. Provide a number";

    // let myPrompt = "Give 1 paragraph of art-school analysis of my drawing."

    // let myPrompt = "Provide one number that quantifies how smooth (0) or wiggly (1) my line is.";

    let myPrompt = "Provide one caption for this New Yorker cartoon. Only provide the caption."

    askGeminiWithCanvas(myPrompt);

} 

​

function onGeminiResponse(resp) {

  fill('black'); 

  noStroke(); 

  textSize(16);

  text(resp, 20, 30, width-40);

  bRestart = true;

}

​

function mousePressed(){

  if (bRestart){

    background('white');

    bRestart = false;

  }

}

​

function mouseDragged() {

  stroke('black'); 

  strokeWeight(3);

  line(pmouseX,pmouseY, mouseX,mouseY);

}