Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Interactive Fidget Spinner 4.0
ID	5375078345539584
Created	8 years ago, 1497112299766
Updated	8 years ago, 1513283992528
Code	/** WOW! Over 200 votes. Never expected that for my first program! Thanks everyone for your support! :D * Announcement: I have fixed a bug that doesn't let you click play. * To print out the variables type: println(the variable you want to see); * * Hello everyone. This is my first good program. * If you want to make programs like this, I would recommend taking the Intro to JS tutorial and studying the documentation page. * I have to give some credit to my friend for helping make this spinner. * * Instructions: * Click and hold the fidget spinner so that it speeds up. * Release it and it will slowly slow down and eventually come to a stop. * A warning: * The animation used in this spinner can crash your browser. * It did it to me lots of times. */ var x = 170; var y = 46; var i = 172; var str1 = "RULER OF CANDYLAND"; var r = 0; var x2 = 568; var x3 = -469; draw = function() { background(0, 234, 255); noStroke(); fill(255, 233, 191, r); (rect)(x, y, 70, 70, 0, 0, 100, 100); fill(255, 215, 140, r); (rect)(x, y, 37, 70, 100, 66, 0, 100); fill(184, 120, 0, r); rect(x + 56, y, 14, 35, 0); rect(x, y, 14, 35, 0); rect(x, y, 14, 35, 0); rect(x + 13, 46, 43, 25, 0); rect(x + 22, 92, 25, 9, 0); rect( x + 22, 101, 6, 30, 0); rect(x + 41, 101, 6, 30, 0); rect(x + 32, 109, 5, 11, 0); fill(255, 255, 0, r); rect(x, 33, 70, 30, 10); rect(x, 22, 15, 30, 10); rect(x + 55, 22, 15, 30, 10); rect(x + 22, 20, 25, 30, 10); fill(255, 242, 0, r); rect(x + 3, 36, 6, 22, 10); rect(x + 3, 51, 36, 7, 10); fill(255, 249, 171, r); rect(x + 58, 36, 6, 22, 10); rect(x + 46, 36, 18, 7, 10); fill(0, 0, 0, r); ellipse(x + 24, 84, 10, 10); ellipse(x + 47, 84, 10, 10); stroke(0, 0, 0, r); strokeWeight(5); line(x + 30, 400, x + 30, 353); stroke(255, 0, 0, r); fill(255, 0, 0, r); ellipse(200, 264, i, i); stroke(255, 162, 0, r); fill(255, 162, 0, r); ellipse(200, 264, i - 20, i- 20); stroke(247, 255, 0, r); fill(247, 255, 0, r); ellipse(200, 264, i - 40, i- 40); stroke(43, 255, 0, r); fill(43, 255, 0, r); ellipse(200, 264, i - 60, i- 60); stroke(0, 234, 255, r); fill(0, 234, 255, r); ellipse(200, 264, i - 80, i- 80); stroke(225, 0, 255, r); fill(225, 0, 255, r); ellipse(200, 264, i - 100, i- 100); stroke(255, 0, 0, r); fill(255, 0, 0, r); ellipse(200, 264, i - 120, i- 120); stroke(255, 162, 0, r); fill(255, 162, 0, r); ellipse(200, 264, i - 140, i- 140); stroke(247, 255, 0, r); fill(247, 255, 0, r); ellipse(200, 264, i - 160, i- 160); fill(255, 0, 0, r); textSize(26); textAlign(CENTER); textFont(createFont("Century Gothic")); text(str1, 200, 163); if(r < 375) { r+=2; } if(r >= 375) { background(0, 0, 0); stroke(random(1, 255), random(1, 255), random(1, 255)); rectMode(CENTER); rect(x3, 80, 108, 50, 10); textAlign(CENTER); fill(255, 255, 255); text("PLAY", x3, 89); text("Interactive Fidget Spinner", x2, 300); if(x2 > 200) { x2 -=10; } if(x2 < 200) { x2 += 1; } if(x3 < 200 && x2 === 200) { x3 += 10; } if(x3 > 200 && x2 === 200) { x3 -=1; } mouseClicked = function() { if(x3 === 200 && mouseX > 146 && mouseX < 254 && mouseY > 56 && mouseY < 106) { var x = -450; var r = 255; var g = 0; var b = 0; var r1 = 0; var g1 = 0; var b1 = 0; var br = 0; var bg = 0; var bb = 0; var rotateSpinner = 0; var speedUP = true; var speed = 0; var spinning =0.07; draw = function() { background(br, bg, bb); noStroke(); pushMatrix(); translate(width/2, height/2); rotate(rotateSpinner); fill(r, g, b); triangle(x, -100, x+90, 50, x-90, 50); ellipse(x, 0, 50, 50); ellipse(x, -85, 70, 70); ellipse(x+80, 45, 70, 70); ellipse(x-80, 45, 70, 70); fill(r1, g1, b1); ellipse(x, -85, 50, 50); ellipse(x-80, 45, 50, 50); ellipse(x+80, 45, 50, 50); fill(br, bg, bb); arc(x+67, -33, 100, 90, 1, 360); arc(x-67, -33, 100, 90, 1, 360); arc(x, 75, 102, 100, 1, 360); popMatrix(); if(mouseIsPressed) { speedUP = true; } else { speedUP = false; } if(mouseIsPressed && speedUP === true && speed < 25) { rotateSpinner+=speed; speed+=spinning; } else if (speed >= 25) { rotateSpinner+=25.060000000000008; } if(!mousePressed && speed > 0 && !speedUP) { rotateSpinner+=speed; speed+=-0.02; } if(speed > 0) { r = random(1, 255); g = random(1, 255); b = random(1, 255); r1 = random(1, 255); g1 = random(1, 255); b1 = random(1, 255); } if(x < 0) { x+=5; spinning = 0; } if(x === 0) { spinning = 0.07; } }; } }; } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLSbr5PGCQw
Votes	228
Spin-Offs	47
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	RulerOfCandyland
Author Name	CodeRuler
Author ID	kaid_69046855189632115952135
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381162573
Updated	10 months ago, 1739381162573
Source Deleted	unknown