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