Viewing Program

Program Data

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

Title	--Epilepsy Warning-- The true definition of awesome!
ID	6711935381012480
Created	11 years ago, 1411657069323
Updated	11 years ago, 1412785166546
Code	//This code is completely made by me Justin Midkiff the link to the original make of this project is: //"https://www.khanacademy.org/cs/-epilepsy-warning-the-true-definition-of-awesome/4798447299592192" //Minor assistance was provided to me by: //Juan Hallern (https://www.khanacademy.org/profile/halleran) //Diego Vargas (https://www.khanacademy.org/profile/DiegoBV) //Will Slayton (https://www.khanacademy.org/profile/willslayton) //Austin Justice (https://www.khanacademy.org/profile/a10t10j10) //Jason Christiansen (https://www.khanacademy.org/profile/christiansen.e.jason) // //Copy Paste the link into a browser to view // .----------------. .----------------. //\| .--------------. \|\| .--------------. \| //\| \| _____ \| \|\| \| _____ \| \| //\| \| \|_ _\| \| \|\| \| \|_ _\| \| \| //\| \| \| \| \| \|\| \| \| \| \| \| //\| \| \| \| _ \| \|\| \| \| \| \| \| //\| \| _\| \|__/ \| \| \|\| \| _\| \|_ \| \| //\| \| \|________\| \| \|\| \| \|_____\| \| \| //\| \| \| \|\| \| \| \| //\| '--------------' \|\| '--------------' \| // '----------------' '----------------' // .----------------. .----------------. //\| .--------------. \|\| .--------------. \| //\| \| ___ ____ \| \|\| \| _________ \| \| //\| \| \|_ \|\|_ _\| \| \|\| \| \|_ ___ \| \| \| //\| \| \| \|_/ / \| \|\| \| \| \|_ \_\| \| \| //\| \| \| __'. \| \|\| \| \| _\| _ \| \| //\| \| _\| \| \ \_ \| \|\| \| _\| \|___/ \| \| \| //\| \| \|____\|\|____\| \| \|\| \| \|_________\| \| \| //\| \| \| \|\| \| \| \| //\| '--------------' \|\| '--------------' \| // '----------------' '----------------' // //To view other programs that I have made go to: // //"https://www.khanacademy.org/profile/kronogenics/programs" // //Copy Paste the link into a browser to view // //This is a very interesting program and took quite a while to make. If you make a spin off GIVE ME CREDIT! It lets people see this program and can inspire some people because I myself have only been working with drawing and such for a few weeks and I was able to make this. So let’s all show people that this isn’t a hard thing to do. If you enjoyed then smack that like button and there are many more to see on my profile! //LET'S MAKE A DIFFERENCE IN THE WORLD OF CODE!! //------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------\\ noStroke(); // If you add "//" excluding the quotes before the noStroak(); command above and click on restart you can make a very cool effect! var spin = 0.1; //By changing the number above (making it bigger or smaller) you can make even more effects! var fps = 1000; //By changing the above numbers you can make it have a very interesting effect! //to learn more about the code look below. Everything is labled! //When you see commands like "mouseX" or "mouseY" these commands pull the exact pixel that the mouse is currently on withen the canvis //This command allows you to make a random background everytime either something in the code is changed or when ever you restart. It picks a randcom number between 1 and 255 background(Math.floor((Math.random() * 255) + 1), Math.floor((Math.random() * 255) + 1), Math.floor((Math.random() * 255) + 1)); //This is the random command itself not inside of the background command Math.floor((Math.random() * 255) + 1); //This command sets the middle of the canvis to 200, 200 because 0, 0 is the default which is the top left corner and the canvas is 400, 400 pixels wide so 200, 200 sets the middle of the canvis to the true middle of the canvas translate(200,200); //This is a variable that is deifining the variable degree you need this to cause the spinning effect var degree = 0; //This is a command that causes the looping effect to cause the strobe effects and the spinning var draw = function() { //This specifc command is taking the variable "degree" that we defined earlier and adding the variable "spin" to it (the "spin" variable is at the top of the program) degree = degree+spin; //This is taking the rotate command which will rotate everything so many degrees and it is utilizing the "degree" variable rotate(degree); //This is command that will specify the frames per second that the loop will travel at it currently is dependant on the variable "fps" whixh like the "spin" variable is located at the top of the page frameRate(fps); //this command is what is causing the strobe effect, it uses the random command to do so fill(Math.floor((Math.random() * 255) + 1), Math.floor((Math.random() * 255) + 1), Math.floor((Math.random() * 255) + 1)); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(30); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(60); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(90); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(120); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(150); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(180); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(210); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(240); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(270); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(300); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(330); //This specific command is what "draws" the shapes that you control rect(mouseX-200, mouseY-200, mouseX-mouseY, mouseY-mouseX); //This specific command is what "draws" the shapes that you control rect(mouseY-200, mouseX-200, mouseY-mouseX, mouseX-mouseY); //This command is what rotates each individual rectangle rotate(360); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJDhg4_2Cww
Votes	193
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	Justin Midkiff
Author Name	kronogenics
Author ID	kaid_140555205262267766233916
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739461010066
Updated	10 months ago, 1739461020201
Source Deleted	unknown