You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
947 B
HTML
47 lines
947 B
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<script src="p5.min.js" ></script>
|
|
<script>
|
|
console.log("hey there");
|
|
function preload(){
|
|
img=loadImage('wheel-of-fortune')
|
|
}
|
|
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>
|
|
<h1>Spin the Oracle Wheel!</h1>
|
|
<p></p>
|
|
|
|
</body> |