p5.js Web Editor | BINGO inwork

xxxxxxxxxx
chosen = [];      // Array of 1's and 0's denoting ball has been 
remaining=[];     // Shuffled array of 1-75 
balls=[];         // Array of ball coords for inside the hopper
step=[];          // Used for ellipse radiuss to make "3D" hopper
card=[];          // Array of our bingo card numbers
win=[];           // Array showing bingo winning line
​
r=150;            // Radius of hopper
sr=20;            // "Small radius" balls inside hopper
a=360;            // Angle rotation of hopper
speed=2;          // Speed of hopper rotation
lastpull=0;       // Stores last pulled bingo ball
​
complete=false;   // Flag used for animation completion
auto=false;       // Flag used for auto drawing
testing=false;    // Flag used for shuffle if testing
animation=false;  // Flag used for animation is still running
​
​
function setup() {
  createCanvas(800, 400);
  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));  // Rand dist from hopper center
  randa=floor(random(0,361));       // Rand angle from hopper center
  x=randr* cos(radians(randa));     // X of small ball
  y=randr* sin(radians(randa));     // Y of small ball
  balls[i]=createVector(x,y);       // Add ball to hopper
    remaining[i]=i+1;
    chosen[i]=0;
    }
  if(!testing)
  {
  shuffle(remaining,1);  // Shuffling balls (if not in test mode)
  }
  initializeCard();      // Creates a bingo card. 
}
//*************************************************
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 "next pull" from being shown instantly
  if(complete)          
  {                     
  show();                // Show the bingo chart at the bottom
  showCard();            // Show the bingo card
  if(checkBingo())       // Returns true if a bingo has been found
     {
     showBingo();        // Highlights bingo in blue
     }
    
  complete=false;    
  if(auto)
  {
  animation=true;        // If automode, automatically pull again
  }
  }
}
​
// 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);
  line(0, height - 1, width, height - 1);
  line(width-1, height/2, width, height-1);
  line(1, height/2, 1, 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);
  }
  
​
// 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); // Erase last mumber area
  stroke(0);
fill(0);
textSize(100);
if(lastpull)        // If a number has been pulled
{
if(lastpull%15)      // Figure out the B-I-N-G-O of the ball
  {
  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();
      if(!testing)
      {
      shuffle(remaining,1);  
      }
    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();
  if(a<=0)
  {
  animation=false;
  a=360; 
  }
}
​
function gravity(){
  bspeed=0.95;
  {
  targeta=a;
  }
  for(b of balls)
  {
  x=(r/4)*cos(radians(targeta));
  y=(r/4)*sin(radians(targeta));
  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(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();
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);
  
//*** TESTING USE ONLY****//
  if(testing)
  {
  sort(B);
  sort(I);
  sort(N);
  sort(G);
  sort(O);
  // Set the values below to the first 5 you want pulled  
  remaining[74]=11;
  remaining[73]=27;
  remaining[72]=59;
  remaining[71]=75;
  remaining[70]=5;
  }
  
  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;
}
​
// This function checks for bingo in the row, column and diagonals
// It will only detect the first bingo and will not detect 
// double bingos. If a double bingo occurs, it will only identify
// the row of that double bingo. 
​
​
function checkBingo(){
if(!win.length){  // Prevents the win array from getting repeatedly loaded with bingo
var possible;    //Flag for determining if a bingo in that row is possible. (Used to exit the loop if bingo is not possible)
​
var bingo=false;  // Flag to determine if we have a bingo
  // Check rows for bingo
  for(var i=0; (i<5)&&(!bingo); i++)
  {
  possible=true;
  for(var j=i; (j<=i+20 && possible); j+=5)
        { 
        if(card[j].selected==true)
              {
              possible=true;  
              }
       else
              {
              possible=false; 
              }
        }
    if(possible)    // If we come out of that row with a possibility
    {
    bingo=true;  
    for(k=i; k<=i+20; k+=5)  // Load the win array with bingo
      {
      win.push(k);
      }
    }
  }
  
​
// Check the columns
for(var i=0; (i<=20&& !bingo); i+=5)
    {
    possible=true;  
    for(var j=i; (j<=i+4 && possible); j++)
          {
          if(card[j].selected==true)
              {
              possible=true;  
              }
       else
              {
              possible=false; 
              }
          }
  if(possible)      // if we come out of a column with bingo
    {
     bingo=true;
    for(k=i; k<=i+4; k++)
        {
        win.push(k);  
        }
    }
  }
​
possible=true;  
// Check top left diagonal
for(var i=0; (i<=24 && possible); i+=6)
      {
      if(card[i].selected==true)
          {
          possible=true;
          }
        else
        {
        possible=false; 
        }
      }
      if(possible && !bingo)
      {
      bingo=true;
      for(var k=0; k<=24; k+=6)
            {
            win.push(k);
            }
      }
​
possible=true;
// Check left bottom corner diagonal
for(var i=4; (i<=20&& possible); i+=4)
  {
      if(card[i].selected)
          possible=true;
      else
          possible=false;
  }
  
  if(possible && !bingo)
  {
  bingo=true;
    for(var k=4; k<=20; k+=4)
    {
    win.push(k); 
    }
  }
}
  else 
  {
  bingo=true;
  }
  
  
return bingo;
}
​
​
​
function showBingo(){
 for(var i=0; i<win.length; i++)
 {
fill('skyblue');
circle(card[win[i]].x+cw/5/2, card[win[i]].y+ch/5/2, (cw/5)-10);
 fill(0);
textSize(18);
if(card[win[i]].value=="FREE")
  {
  textSize(10);
  text(card[win[i]].value, card[win[i]].x+8, card[win[i]].y+((ch/5/2)+5));
  }
else{
text(card[win[i]].value, card[win[i]].x+10, card[win[i]].y+((ch/5/2)+5));
}
 } 
}
​
​
​
Cookies

Sketch Files

Console

Preview
