let digits_to_auction; 

let player_auctioned_digits=[];

let player_auctioned_digits_raw=[];

​

let agent_auctioned_digits=[];

let agent_auctioned_digits_raw=[];

​

let playerTokens;

let agentTokens;

let playerCurrentBid ;

let agentpCurrentBid;

let digit_prices={};

let gameOver;

const coin_width=30;

const coin_height = 5;

const button_length=40;

let minus_button1,plus_button1,minus_button2,plus_button2,minus_button5,plus_button5,go_button;

let select_index_label;

let player_final_number;

let won_or_not;

let RoundNo=1;

const TotalRounds = 10

const colnColCount=10;

const maxTokens = 30;

const APP_WIDTH=400;

const APP_HEIGHT=600;

const SCORE_PANEL_HEIGHT = 100;

const TABLE_CELL_HEIGHT=20;

let  player_round_scores={};

let  agent_round_scores={};

let fullname_ip,joining_code_ip,submin_btn;

let first_joining = true;

​

let user_name;

let error_msg_at_joining='';

let robo_img,man_img;

let robo_img_head;

let lock_bid=false;

let lock_bid_btn;

​

// joining code

const joining_code ='123'; // need to be changed for every game session

​

​

​

function preload() {

  robo_img = loadImage('robo_typing.png');

  // robo_img_head = loadImage('robo_typing_small.png');

  man_img = loadImage('man_typing.png');

}

function score_toString(score){

  if(score==-2) return '-';

  else return str(score);

}

​

function mid_setup(){

  select_index_label = ""

  player_final_number=""

  agent_final_number=""

  won_or_not =""

  player_auctioned_digits = []

  player_auctioned_digits_raw = []

  agent_auctioned_digits = []

  agent_auctioned_digits_raw = []

  // pixelDensity(1);

  textAlign(CENTER,CENTER);

  digits_to_auction = shuffle([0,1,2,3,4,5,6,7,8,9]);

  playerCurrentBid=0;

  agentCurrentBid=0;

  playerTokens=maxTokens;

  agentTokens= maxTokens;

  gameOver=false;

​

}

​

function setup() {

  createCanvas(APP_WIDTH, APP_HEIGHT+SCORE_PANEL_HEIGHT);

  if(first_joining){

      fullname_ip = createInput('');

​

      joining_code_ip = createInput('');

      submit_btn = createButton('Join');

      submit_btn.mousePressed(enter_the_game);

  }

  minus_button1 = createButton('➖1');

  plus_button1 = createButton('➕1');

    minus_button2 = createButton('➖2');

  plus_button2 = createButton('➕2');

    minus_button5 = createButton('➖5');

  plus_button5 = createButton('➕5');

  go_button = createButton('GO')

  lock_bid_btn = createButton('🔓');

  lock_bid_btn.html('🔓');

  minus_button1.hide();

  plus_button1.hide();

    minus_button2.hide();

  plus_button2.hide();

    minus_button5.hide();

  plus_button5.hide();

  go_button.hide();

  lock_bid_btn.hide();

  mid_setup();  // midesetup

  lock_bid_btn.style('font-size', '10px');

  lock_bid_btn.style('background-color','#white')

  minus_button1.style('font-size', '10px');

  minus_button1.style('background-color','#9E9E9E')

​

  plus_button1.style('font-size', '10px');

  plus_button1.style('background-color','#9E9E9E');

    minus_button2.style('font-size', '10px');

  minus_button2.style('background-color','#607D8B');

  plus_button2.style('font-size', '10px');

  plus_button2.style('background-color','#607D8B');

    minus_button5.style('font-size', '10px');

  minus_button5.style('background-color','#795548');

  plus_button5.style('font-size', '10px');

  plus_button5.style('background-color','#795548');

  go_button.style('font-size', '24px');

  go_button.style('background-color','green')

​

​

  minus_button1.mousePressed(bidChange);

  plus_button1.mousePressed(bidChange);

    minus_button2.mousePressed(bidChange);

  plus_button2.mousePressed(bidChange);

    minus_button5.mousePressed(bidChange);

  plus_button5.mousePressed(bidChange);

  lock_bid_btn.mousePressed(lock_bid_fn);

  go_button.mousePressed(go);

  minus_button1.position(APP_WIDTH/3-2*minus_button1.width/2,APP_HEIGHT-220);

  plus_button1.position(APP_WIDTH/3-2*minus_button1.width/2,APP_HEIGHT-200);

  minus_button2.position(APP_WIDTH/3-4*minus_button1.width/2,APP_HEIGHT-220);

  plus_button2.position(APP_WIDTH/3-4*minus_button1.width/2,APP_HEIGHT-200);

  minus_button5.position(APP_WIDTH/3-6*minus_button1.width/2,APP_HEIGHT-220);

  plus_button5.position(APP_WIDTH/3-6*minus_button1.width/2,APP_HEIGHT-200);

​

  go_button.position(APP_WIDTH/3 ,APP_HEIGHT-150);

  lock_bid_btn.position(APP_WIDTH/3+minus_button1.width/2,APP_HEIGHT-210);

    for(let r=1;r<=TotalRounds;r++){

    player_round_scores[r]=-2;

  }

 for(let r=1;r<=TotalRounds;r++){

    agent_round_scores[r]=-2;

  }

​

​

}

​

function lock_bid_fn(){

  if(playerCurrentBid>0){

      lock_bid_btn.html("🔒");

  lock_bid=true;

  if(agentTokens==0){

    agentCurrentBid=0;

  }

  else{

  agentCurrentBid = int(random(max(1,digits_to_auction[digits_to_auction.length-1]-3),min(digits_to_auction[digits_to_auction.length-1]+3,agentTokens+1)));

  agentTokens -=agentCurrentBid ;

  }

​

  go_button.show();

  }

​

}

​

function enter_the_game(){

  if(joining_code_ip.value()==joining_code){

    user_name = fullname_ip.value();

    first_joining=false;

    error_msg_at_joining='';

    fullname_ip.hide();

    joining_code_ip.hide();

    submit_btn.hide();

    minus_button1.show()

    plus_button1.show()

        minus_button2.show()

    plus_button2.show()

        minus_button5.show()

    plus_button5.show()

    // go_button.show()

    lock_bid_btn.show();

    return;

  }

  else if(joining_code_ip.value()=='' || fullname_ip.value()==''){

      error_msg_at_joining = 'Please Enter Full Name/Joining Code details.'

  }

  else{

    error_msg_at_joining = 'You Entered Invalid Joining Code.'

  }

​

}

​

function draw(){

    if(first_joining){

      background('#9E9E9E');

      textSize(15);

      fill('black');

      text('Full Name',APP_WIDTH/2 - fullname_ip.width/2+70,APP_HEIGHT/4-40);

      fullname_ip.position(APP_WIDTH/2 - fullname_ip.width/2,APP_HEIGHT/4-20);

​

      text('Joining Code',APP_WIDTH/2 - fullname_ip.width/2+70,APP_HEIGHT/2-40);

      joining_code_ip.position(APP_WIDTH/2 - joining_code_ip.width/2,APP_HEIGHT/2-20);

      submit_btn.position(APP_WIDTH/2 - submit_btn.width/2,3*APP_HEIGHT/5-20);

      textSize(15);

      fill('red');

      text(error_msg_at_joining,APP_WIDTH/2,APP_HEIGHT);

​

    }

    else{

      after_join();

    }

}

​

function after_join() {

  background(255,255,255);

  //Score Table

    image(robo_img, 3*APP_WIDTH/4, 2*APP_HEIGHT/3+20,80,80); // robo image

    image(man_img, APP_WIDTH/16, 2*APP_HEIGHT/3+20,80,80); // man image

    line(0,APP_HEIGHT-TABLE_CELL_HEIGHT,APP_WIDTH,APP_HEIGHT-TABLE_CELL_HEIGHT);

    line(0,APP_HEIGHT-2*TABLE_CELL_HEIGHT,APP_WIDTH,APP_HEIGHT-2*TABLE_CELL_HEIGHT);

      fill('#F44336')

    textSize(15);

  textStyle(BOLD);

    text( `SCORE TABLE`,APP_WIDTH/2,APP_HEIGHT-3*TABLE_CELL_HEIGHT/2);

​

    text( "🙎🏻‍♂️",APP_WIDTH/6+APP_WIDTH/12,APP_HEIGHT-TABLE_CELL_HEIGHT/2);

  text( "🤖",APP_WIDTH/6+3*APP_WIDTH/12,APP_HEIGHT-TABLE_CELL_HEIGHT/2);

   // image(robo_img,APP_WIDTH/6+3*APP_WIDTH/12-5,APP_HEIGHT-TABLE_CELL_HEIGHT/2-8,15,15);

    text( "🙎🏻‍♂️",APP_WIDTH/2+APP_WIDTH/6+APP_WIDTH/12,APP_HEIGHT-TABLE_CELL_HEIGHT/2);

  text( "🤖",APP_WIDTH/2+APP_WIDTH/6+3*APP_WIDTH/12,APP_HEIGHT-TABLE_CELL_HEIGHT/2);

     // image(robo_img,APP_WIDTH/2+APP_WIDTH/6+3*APP_WIDTH/12-5,APP_HEIGHT-TABLE_CELL_HEIGHT/2-8,15,15);

   strokeWeight(4);

  line(APP_WIDTH/2,APP_HEIGHT,APP_WIDTH/2,height);

   strokeWeight(2);

  line(APP_WIDTH/6,APP_HEIGHT,APP_WIDTH/6,height);

  line(2*APP_WIDTH/6,APP_HEIGHT,2*APP_WIDTH/6,height);

  line(APP_WIDTH/2+2*APP_WIDTH/6,APP_HEIGHT,APP_WIDTH/2+2*APP_WIDTH/6,height);

    line(APP_WIDTH/2+APP_WIDTH/6,APP_HEIGHT,APP_WIDTH/2+APP_WIDTH/6,height);

  for(let i=0;i<6;i++)

    line(0,APP_HEIGHT+TABLE_CELL_HEIGHT*i,APP_WIDTH,APP_HEIGHT+TABLE_CELL_HEIGHT*i);

  for(let roundNo=1;roundNo<=TotalRounds;roundNo++){

    fill('#412014')

    textSize(10);

    text( `Round No:${roundNo}`,35+(floor((roundNo-1)/(TotalRounds/2)))*APP_WIDTH/2,APP_HEIGHT+TABLE_CELL_HEIGHT*((roundNo-1)%(TotalRounds/2))+10);

        fill('#3F51B5')

    textSize(10);

    text( `${score_toString(player_round_scores[roundNo])}`,APP_WIDTH/4+(floor((roundNo-1)/(TotalRounds/2)))*APP_WIDTH/2,APP_HEIGHT+TABLE_CELL_HEIGHT*((roundNo-1)%(TotalRounds/2))+10);

    text( `${score_toString(agent_round_scores[roundNo])}`,APP_WIDTH/4+(floor((roundNo-1)/(TotalRounds/2)))*APP_WIDTH/2+APP_WIDTH/6,APP_HEIGHT+TABLE_CELL_HEIGHT*((roundNo-1)%(TotalRounds/2))+10);

  }

​

​

  fill('red');

  textSize(15);

  text(select_index_label,APP_WIDTH/2,50);

  //Display Current Digit

    // textAlign(CENTER,CENTER);

  fill(0);

  textSize(30);

  text(`Digit for Auction: ${digits[digits_to_auction[digits_to_auction.length-1]]}`,APP_WIDTH/2,100);

  line(0,120,APP_WIDTH,120);//line seperator below auction

  // Display player tokens

   textSize(40);

   text("🙍🏻‍♂️",APP_WIDTH/10,150); //player

   textSize(10);

   text(`  Coins:💰${playerTokens}`,APP_WIDTH/10,200);

    // Display agent tokens

   textSize(40);

   text("🤖",3*APP_WIDTH/4 +20+APP_WIDTH/10,150); //agent

  // image(robo_img,3*APP_WIDTH/4 +APP_WIDTH/10,135,40,40);

   textSize(10);

   text(`  Coins:💰${agentTokens}`,3*APP_WIDTH/4 +20+APP_WIDTH/10,200);

    line(0,220,APP_WIDTH,220);//line seperator for coins and bidding

    //vertical seperator

    line(APP_WIDTH/4 -20,300,APP_WIDTH/4 -20,120);

  line(APP_WIDTH/2,300,APP_WIDTH/2,120);

  line(3*APP_WIDTH/4 +20,300,3*APP_WIDTH/4 +20,120);

  //coins stacking for player

  // let sp = 0;

  fill('gold')

   for (let t=0; t<playerTokens;t++){

       rect(APP_WIDTH/4 - 25+10+floor(t/colnColCount)*40,200-(t%colnColCount)*coin_height,coin_width,coin_height,5);

       textSize(5);

       text("💵",APP_WIDTH/4 -25 +10+floor(t/colnColCount)*40+coin_width/2,200-(t%colnColCount)*coin_height+coin_height/2)

   }

  //Display playerCurrentBid

  textSize(10);

  fill('black');

  text(`Bidding:💰${playerCurrentBid}`,APP_WIDTH/10,280)

  line(0,300,APP_WIDTH,300);//line seperator below bidding

  fill('gold')

  for (let b=0; b<playerCurrentBid;b++){

      rect(APP_WIDTH/4 -25 +10+floor(b/colnColCount)*40,280-(b%colnColCount)*coin_height,coin_width,coin_height,5);

    textSize(5);

    text("💵",APP_WIDTH/4 -25+10+floor(b/colnColCount)*40+coin_width/2,280-(b%colnColCount)*coin_height+coin_height/2)

   }

  // coins stacking for agent

​

  // let sp_ = 0;

  fill('#8BC34A')

   for (let t=0; t<agentTokens;t++){

       rect(APP_WIDTH/2 -5+10+floor(t/colnColCount)*40,200-(t%colnColCount)*coin_height,coin_width,coin_height,5);

       textSize(5);

       text("💵",APP_WIDTH/2 -5 +10+floor(t/colnColCount)*40+coin_width/2,200-(t%colnColCount)*coin_height+coin_height/2)

   }

  //Display agnetCurrentBid

  textSize(10);

   fill('black');

  text(`Bidding:💰${agentCurrentBid}`,3*APP_WIDTH/4 +20+APP_WIDTH/10,280)

  line(0,300,APP_WIDTH,300);//line seperator below bidding

  fill('#8BC34A')

  for (let b=0; b<agentCurrentBid;b++){

      rect(APP_WIDTH/2 -5 +10+floor(b/colnColCount)*40,280-(b%colnColCount)*coin_height,coin_width,coin_height,5);

    textSize(5);

    text("💵",APP_WIDTH/2 -5+10+floor(b/colnColCount)*40+coin_width/2,280-(b%colnColCount)*coin_height+coin_height/2)

   }

  //Display Digits aquired

  textSize(10);

  fill('navy')

  text(won_or_not,APP_WIDTH/2,APP_HEIGHT-100)

  //player digits

  textSize(12);

  fill('#E91E63')

  textStyle(BOLD)

  text("PLAYER DIGITS",APP_WIDTH/5,330);

  text(`${player_auctioned_digits.join(" ")}`,APP_WIDTH/4,350);

  //Agent digits

  textSize(12);

  fill('#3F51B5')

  textStyle(BOLD)

  text("AGENT DIGITS",APP_WIDTH/2+APP_WIDTH/4,330);

  text(`${agent_auctioned_digits.join(" ")}`,APP_WIDTH/2+APP_WIDTH/4,350);

  textStyle(NORMAL)

  // Rounds Left

  textSize(10);

  fill('#673AB7')

  textStyle(BOLD)

  text( `Round No: ${RoundNo}`,40,10);

  textStyle(NORMAL)

  // User

  textSize(10);

  fill('#9C27B0')

  textStyle(BOLD)

  text( `👤 ${user_name}`,APP_WIDTH-4*(user_name.length+3),10);

  textStyle(NORMAL)

​

 //logout button position 

​

  if(player_round_scores[RoundNo]!=-2){

    textSize(10);

    textStyle(BOLD);

    text(`🙎🏻‍♂️ score for the round`,APP_WIDTH/4,APP_HEIGHT -70);

     textStyle(NORMAL);

    text(`${player_round_scores[RoundNo]}`,APP_WIDTH/4,APP_HEIGHT -50);

  }

    if(agent_round_scores[RoundNo]!=-2){

    textSize(10);

    textStyle(BOLD);

    text(`🤖 score for the round`,APP_WIDTH/2+APP_WIDTH/4,APP_HEIGHT -70);

     textStyle(NORMAL);

    text(`${agent_round_scores[RoundNo]}`,APP_WIDTH/2+APP_WIDTH/4,APP_HEIGHT -50);

  }

​

​

  //play next round

  if(gameOver){

    fill('#6495ED');

    rect(APP_WIDTH/2+10,APP_HEIGHT/2-100,150,30,10);

    textSize(10);

    fill('black');

    text('Click here to play next round!',APP_WIDTH/2+85,APP_HEIGHT/2-85)

​

  }

​

}

​

function mousePressed(){

   if(RoundNo<TotalRounds && gameOver && mouseX>APP_WIDTH/2+10 && mouseX<APP_WIDTH/2+110 && mouseY>APP_HEIGHT/2-100 && mouseY< APP_HEIGHT/2 -70){

      gameOver=false;

      mid_setup();

     RoundNo++;

    }

  return;

}

​

​

function bidChange(){

        switch(this.html()) {

        case '➖1':

              if(playerTokens<maxTokens && playerCurrentBid>0 && !gameOver && !lock_bid){

                playerCurrentBid--;

                playerTokens++;

              }

              won_or_not="";

          break;

        case '➕1':

            if(playerTokens>0 && playerCurrentBid<maxTokens  &&!gameOver && !lock_bid){

              playerCurrentBid++;

              playerTokens--;

            }

            won_or_not="";

          break;

        case '➖2':

          if(playerTokens<maxTokens && playerCurrentBid>1 && !gameOver && !lock_bid){

            playerCurrentBid-=2;

            playerTokens+=2;

          }

          won_or_not="";

          break;

        case '➕2':

          if(playerTokens>1 && playerCurrentBid<maxTokens  &&!gameOver && !lock_bid){

            playerCurrentBid+=2;

            playerTokens-=2;

          }

          won_or_not="";

          break;

​

        case '➖5':

          if(playerTokens<maxTokens && playerCurrentBid>4 && !gameOver && !lock_bid){

            playerCurrentBid-=5;

            playerTokens+=5;

          }

          won_or_not="";

          break;

        case '➕5':

          if(playerTokens>4 && playerCurrentBid<maxTokens  &&!gameOver && !lock_bid){

            playerCurrentBid+=5;

            playerTokens-=5;

          }

          won_or_not="";

          break;

​

​

        default:

          won_or_not="";

      }

    return;

​

}

​

function go(){

  if(!gameOver){

    // playerTokens -= playerCurrentBid;

    if(playerCurrentBid>0){

          if (playerCurrentBid >= agentCurrentBid){

             player_auctioned_digits.push(digits[digits_to_auction[digits_to_auction.length-1]]);

             player_auctioned_digits_raw.push(digits_to_auction[digits_to_auction.length-1]);

            won_or_not = `🙎🏻‍♂️ won ${digits[digits_to_auction[digits_to_auction.length-1]]}`

​

          }

      else{

              agent_auctioned_digits.push(digits[digits_to_auction[digits_to_auction.length-1]]);

             agent_auctioned_digits_raw.push(digits_to_auction[digits_to_auction.length-1]);

            won_or_not = `🤖 won ${digits[digits_to_auction[digits_to_auction.length-1]]}`

        }

        lock_bid_btn.html("🔓");

        lock_bid=false;

        go_button.hide();

      digits_to_auction.pop();

​

      playerCurrentBid=0;

      agentCurrentBid=0;

      select_index_label="";

      if((playerTokens == 0 )||digits_to_auction.length==0){

        gameOver=true;

        if(RoundNo == TotalRounds){

          select_index_label="All Rounds are Over!.Thank you 🙏🏻";

        }

        else{

            select_index_label=`Round ${RoundNo} is Over!`;

        }

        player_auctioned_digits_raw.sort((a,b) => b-a);

        if(player_auctioned_digits_raw.length==0){

          player_round_scores[RoundNo]=-1;

        }

        else{

          player_round_scores[RoundNo]=int(player_auctioned_digits_raw.join(""));

        }

​

        let player_final_digits = player_auctioned_digits_raw.map(x=>digits[x]);

        player_final_number = player_auctioned_digits_raw.map(x=>digits[x]).join("");

        agent_auctioned_digits_raw.sort((a,b) => b-a);

        if(agent_auctioned_digits_raw.length==0){

          agent_round_scores[RoundNo]=-1;

        }

        else{

          agent_round_scores[RoundNo]=int(agent_auctioned_digits_raw.join(""));

        }

​

        let agent_final_digits = agent_auctioned_digits_raw.map(x=>digits[x]);

        agent_final_number = agent_auctioned_digits_raw.map(x=>digits[x]).join("");

        sendData();

      }

    }

  }

}

​

​

​

​

//google sheet where user_name, score etc will be stored

​

let url = "https://script.google.com/macros/s/AKfycbxTUkw_NPwNkPEItaNYULcr_Y2VW6zkTOtpHJ9X-t0LLGVpK1G_Uz-Ny3_bai3ks7g/exec";

​

function sendData() {

  let data = {

    joiningCode:joining_code, 

    username: user_name,

    roundNo:RoundNo,

    score: player_round_scores[RoundNo]

  };

​

  fetch(url, {

    method: "POST",

    mode: "no-cors",

    headers: {

      "Content-Type": "application/json"

    },

    body: JSON.stringify(data)

  }).then(() => console.log("Data Sent"));

}

​

​

​

​