here comes the spin wheel

2 years ago · 090aba57bc
parent 770e34b517
commit 090aba57bc
2 changed files with 48 additions and 0 deletions
--- a/web/spin-wheel/index.html
+++ b/web/spin-wheel/index.html
@ -0,0 +1,46 @@
 <!DOCTYPE html>
 <head>
 <script src="p5.min.js" ></script>
 <script>
    console.log("hey there");
 function preload(){
    img=loadImage('wheel.png')
 }
 function setup() {
    createCanvas(windowWidth, windowHeight);
    button = createButton("spin the wheel!");
    button.position(windowWidth/2-250, windowHeight/2);
    button.mousePressed(spin);
 }
 var spinning = 1;
 var currentSpinning = 0;
 function spin(){
    spinning = 1800 + random(0,500);
    currentSpinning = 0;
 }
 function card(){
    rect(0, 0, 55, 55);
    console.log("hey pop up here");
 }
 function draw() {
  background(220);
  imageMode(CENTER);
  angleMode(DEGREES);
  translate (windowWidth/2, windowHeight/2);
  rotate(currentSpinning);
  image (img,0,0,200,200);
  currentSpinning = currentSpinning+10;
  if (currentSpinning > spinning){
    currentSpinning = spinning;
    card();
  }
 }
 </script>
 </head>
 <body>
 </body>
--- a/web/spin-wheel/p5.min.js
+++ b/web/spin-wheel/p5.min.js