let digits_to_auction; 

let auctioned_digits=[];

let auctioned_digits_raw=[];

​

let playerTokens;

let currentBid ;

let digit_prices={};

let gameOver;

const coin_width=30;

const coin_height = 5;

const button_length=40;

let minus_button,plus_button,go_button;

let select_index_label;

let final_number;

let won_or_not;

let RoundNo=1;

const TotalRounds = 10

const colnColCount=10;

const maxTokens = 20;

const APP_WIDTH=400;

const APP_HEIGHT=600;

const SCORE_PANEL_HEIGHT = 100;

const TABLE_CELL_HEIGHT=20;

let  round_scores={};

​

let fullname_ip,joining_code_ip,submin_btn;

let first_joining = true;

​

let user_name;

let error_msg_at_joining='';

​

// joining code

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

​

let price_ranges = {

    0: [0, 2],

    1: [1, 3],

    2: [1, 4],

    3: [2, 5],

    4: [2, 6],

    5: [3, 7],

    6: [4, 8],

    7: [5, 9],

    8: [6, 10],

    9: [7, 12]

}

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

    round_scores[r]=-2;

  }

​

function score_toString(score){

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

  else return str(score);

}

function setup() {

  createCanvas(APP_WIDTH, APP_HEIGHT+SCORE_PANEL_HEIGHT);

  if(first_joining){

      fullname_ip = createInput('');

​

      joining_code_ip = createInput('');

      submit_btn = createButton('Submit');

      submit_btn.mousePressed(enter_the_game);

  }

  minus_button = createButton('➖');

  plus_button = createButton('➕');

  go_button = createButton('GO')

  minus_button.hide()

  plus_button.hide()

  go_button.hide()

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

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

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

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

  minus_button.mousePressed(BidDecrease);

  plus_button.mousePressed(BidIncrease);

  go_button.mousePressed(go);

  select_index_label = ""

  final_number=""

  won_or_not =""

  auctioned_digits = []

  auctioned_digits_raw = []

  // pixelDensity(1);

  textAlign(CENTER,CENTER);

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

  currentBid=0;

  playerTokens=maxTokens;

  gameOver=false;

​

  for(let d=0;d<10;d++){

    digit_prices[d]=random(price_ranges[d][0],price_ranges[d][1])

  }

​

​

}

​

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_button.show()

    plus_button.show()

    go_button.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

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

      fill('#F44336')

    textSize(15);

  textStyle(BOLD);

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

   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(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(round_scores[roundNo])}`,APP_WIDTH/4+(floor((roundNo-1)/(TotalRounds/2)))*APP_WIDTH/2,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/4,150);

   textSize(20);

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

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

    //vertical seperator

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

  let sp = 0;

  fill('gold')

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

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

       textSize(5);

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

   }

  //Display CurrentBid

  textSize(20);

  fill('black')

  text(`Bidding: 💰${currentBid}`,APP_WIDTH/5,280)

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

  fill('gold')

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

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

    textSize(5);

    text("💵",APP_WIDTH/2+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-80)

  textSize(12);

  fill('#E91E63')

  textStyle(BOLD)

  text("DIGITS WON",APP_WIDTH/2,330);

  text(`${auctioned_digits.join(" ")}`,APP_WIDTH/2,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 

​

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

  plus_button.position(APP_WIDTH/2+minus_button.width,APP_HEIGHT-220);

​

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

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

    textSize(15);

    textStyle(BOLD);

    text(`Your score for the round`,APP_WIDTH/2,APP_HEIGHT -60);

     textStyle(NORMAL);

    text(`${round_scores[RoundNo]}`,APP_WIDTH/2,APP_HEIGHT -40);

  }

​

​

  //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;

      setup();

     RoundNo++;

    }

  return;

}

​

function BidIncrease(){

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

    currentBid++;

    playerTokens--;

  }

  won_or_not="";

  return;

}

function BidDecrease(){

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

    currentBid--;

    playerTokens++;

  }

  won_or_not="";

  return;

}

​

function go(){

  if(!gameOver){

    // playerTokens -= currentBid;

    if(currentBid>0){

      if (currentBid >= digit_prices[digits_to_auction[digits_to_auction.length-1]]){

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

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

        won_or_not = `You won ${digits[digits_to_auction[digits_to_auction.length-1]]} 👍🏼`

​

      }

      else{

         won_or_not = `Sorry You didn't win ${digits[digits_to_auction[digits_to_auction.length-1]]} 👎🏼`

      }

      digits_to_auction.pop();

​

      currentBid=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!`;

        }

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

        if(auctioned_digits_raw.length==0){

          round_scores[RoundNo]=-1;

        }

        else{

          round_scores[RoundNo]=int(auctioned_digits_raw.join(""));

        }

​

        let final_digits = auctioned_digits_raw.map(x=>digits[x]);

        final_number = 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: round_scores[RoundNo]

  };

​

  fetch(url, {

    method: "POST",

    mode: "no-cors",

    headers: {

      "Content-Type": "application/json"

    },

    body: JSON.stringify(data)

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

}

​

​

​

​