chosen = [];        // Array of 1's and 0's denoting ball has been picked

remaining=[];      // shuffled array of 1-75 

balls=[];          // aray of ball vectors for inside the hopper

step=[];           // Used for ellipse radiuss to make "3D" hopper

lastpull=0;        // Stores last pulled bingo ball

sr=20;              // "small radius" balls inside hopper

complete=true;        // Flag used for animation completion

auto=false;          // flag used for auto drawing

a=0;                // angle rotation of hopper

r=150;            // radius of hopper

card=[];

var animation=false;  // flag used if animation is still running

function setup() {

  createCanvas(800, 400);

  initializeCard();

  background(255);

// Creating the bingo ball hopper and filling it with balls

  for(var i=0; i<180;i+=10)

  {

  step[i]=i;

  }

  for (var i=0; i<75; i++)

  {

  randr=floor(random(0,(r/2)-10));

  randa=floor(random(0,361));

  x=randr* cos(radians(randa));

  y=randr* sin(radians(randa));

  balls[i]=createVector(x,y);

    remaining[i]=i+1;

    chosen[i]=0;

    }

  shuffle(remaining,1);  // Shuffling bingo balls

}

//*************************************************

BINGO = "BINGO "; // A very bad way to store Bingo as a string. 

function draw(){

  animate();

  complete=!animation;  // If the animation is complete

  // This is dumb but prevents the "next pull" from being displayed instantly

  if(complete)          

  {                     

  show();                // Show the bingo chart at the bottom

  showCard();            // Show the bingo card

  complete=false;    

  if(auto)

  {

  animation=true;        // If automode, automatically restart

  }

  }

}

// Show the bingo chart on the bottom

// Show the last called ball. 

function show() {

  line(0, height / 2, width, height / 2);

  line(30, height / 2, 30, height);

  fill(0);

  for (var i = 0; i < 6; i++) {

    textSize(20);

    var nextletter = BINGO[i];

    text(nextletter, 5, (height / 2 + 25) + 40 * i);

    var y = (height / 2) + 40 * i + 1;

    line(0, y, width, y);

    //line(0, height/2+25, width, height/2+25);

  }

  line(0, height - 1, width, height - 1);

  line(width-1, height/2, width, height-1);

  line(1, height/2, 1, height);

​

  // Show all numbers in their rows

  var row = 0;

  var w = (width - 30) / 15;

  var c = 1;

  fill(255);

  noStroke();

rect(width/2-5,0, width/2, height/2);

  stroke(0);

fill(0);

textSize(100);

if(lastpull)

{

if(lastpull%15)

  {

  text(BINGO[floor(lastpull/15)]+"" +lastpull, (width/4)*3, height/4);

  }

else

{

  lp=BINGO[(lastpull/15)-1];

  text(lp +lastpull, (width/4)*3, height/4); 

}

​

}

  for (var i = 0; i < 5; i++) {

    for(j=0; j<15; j++){

      fill('white');

      if(chosen[c-1])

      {

      fill(0,0,255,150); 

      }

      if(c==lastpull)

      {

      fill(255,0,0,150); 

      }

      circle(31+(w/2)+(j*w), (height/2+40*i+1)+20,w);

      fill('black');

      textSize(15);

      text(c, 30+(w/4)+(j*w), (height/2+40*i+1)+25)

      c++;

      }

  }

}

​

function keyPressed()

{

if(keyCode==32)    // If spacebar, draw one ball

{

if(!animation)

animation=true; 

}

if(keyCode==65)    // If 'a' key, toggle auto drawing

  {

  auto=!auto;

  if(auto)

  {

  speed=1; 

  }

  else

  {

  speed=2;  

  }

  }

​

​

}

​

function touchStarted()        // If clicked, draw one ball

{

if(!animation)

animation=true; 

}

​

​

//This function shows the rotation of the ball hopper. 

function animate(){

  fill(255)

  noStroke();

  rect(0,0, width/4-5, height/2-5)

  stroke(0);

  //background(255);

  noFill();

  push()

  translate(width/8, height/4);

  if(animation)

  {

   gravity();

    a-=speed;

   rotate(radians(a));

    if(a==180)

    {

    balls.pop();

    lastpull=remaining.pop();

    shuffle(remaining,1);    //Shuffle balls after each pull

    chosen[lastpull-1]=1; 

    fill(0);

    }

  }

    for(var i=0; i<remaining.length; i++)

  {

  fill(255);

  circle(balls[i].x,balls[i].y, sr);

  fill(0);

  textSize(10);

  text(remaining[i], balls[i].x-5, balls[i].y+5);

  }

  noFill()

  for(var i=0; i<step.length; i++)

  {

  ellipse(0, 0, r, r-step[i]);

  }

  circle(0,0, r)

  circle(r/2*(cos(radians(0))), r/2*(sin(radians(0))), 5);

  pop();

  //b+=1;

  if(a<=0)

  {

  animation=false;

  a=360; 

  }

}

​

​

//***********************"GRAVITY"**************************

​

​

function gravity(){

  bspeed=0.95;    // Speed that the balls move toward the target

​

  targeta=a;      // Target angle on outside edge of hopper

  for(b of balls)

  {

  x=(r/4)*cos(radians(targeta));

  y=(r/4)*sin(radians(targeta));

//IF balls are not at their target, move toward it in the X and Y direction

  if(b.x<x)

    b.x+=bspeed;

  else if(b.x>x)

    b.x-=bspeed;

  if(b.y<y)

    b.y+=bspeed;

  else if(b.y>y)

    b.y-=bspeed;

  d=dist(b.x, b.y, x,y)

    //line(b.x,b.y, x,y)

//If distance to the target is less than thresshold, give the ball

// a new position in the hopper.

    if(d<sr/2)

    {

  arand=floor(random(0,a+90)); // angle off of center

  drand=floor(random(sr,(r/2)-sr/2));// distance off center

  b.x=drand*cos(radians(arand));

  b.y=drand*sin(radians(arand));

    } 

  }

}

​

//*************************************************************

​

​

​

​

​

function showCard(){

noFill();

cw=width/4;

ch=(height/2)-5-30;

offset=0;

rect(r*2, 0, cw, height/2-5);

line(r*2, 30, r*2+cw, 30);

//Just showing the blank BINGO board 

for(var i=0; i<5; i++)

{

textSize(25);

fill(0);

  x=(cw/5)+(r*2+(i*cw/5));

text(BINGO[i], x-25, 25);

  stroke(0);

line(x+offset, 0, x+offset, height/2-5);

  y=30+(ch/5)+(i*ch/5);

line(r*2, y, r*2+cw, y);

}

// Show cells values and put DOBS on selected cells

for(c of card)

{

if(lastpull==c.value)

{

c.selected=true;  

}

noFill();

//stroke('red');

rect(c.x, c.y, cw/5, ch/5);

if(c.selected)

{

fill('red');

circle(c.x+cw/5/2, c.y+ch/5/2, (cw/5)-10);

}

fill(0);

textSize(18);

if(c.value=="FREE")

  {

  textSize(10);

  text(c.value, c.x+8, c.y+((ch/5/2)+5));

  }

else{

text(c.value, c.x+10, c.y+((ch/5/2)+5));

}

}

​

//**************************************   

}

​

​

​

​

​

​

​

​

​

​

// Select random values for Bingo card

function initializeCard(){

  B=[];

  I=[];

  N=[];

  G=[];

  O=[];

  selection=[];      // These are our randomly selected numbers

  // Please don't judge me for what I'm about to do. 

  for(var i=1; i<16; i++)  // Load the arrays with digits 1-75

  {

  B.push(i);

  I.push(i+15);

  N.push(i+30);  

  G.push(i+45);

  O.push(i+60);

  }

  shuffle(B,1);        //Shuffle up those digits

  shuffle(I,1);

  shuffle(N,1);

  shuffle(G,1);

  shuffle(O,1);

  for(var i=0; i<25; i++)

  {

  if(i<5)

    selection[i]=B.pop();

   else if(i <10)

     selection[i]=I.pop();

    else if(i <15)

      selection[i]=N.pop();

    else if(i<20)

      selection[i]=G.pop();

    else

      selection[i]=O.pop();

  }

// It's over now. It's been done. It can't hurt you anymore

  count=0;

  cw=width/4;

  ch=(height/2)-5-30;

  for(var i=0; i<5; i++)

  {

  x=(r*2+(i*cw/5));

  for(var j=0; j<5; j++)

  {

  y=30+(j*ch/5);

  card.push(new cell(x,y, selection[count]));

  count++;

    }

  }

  card[12].value="FREE";

  card[12].selected=true;

}

​

​