Viewing Program

Program Data

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

Title	Hypnosaic: Now With ShapeTec
ID	1067540542
Created	12 years ago, 1352747141900
Updated	8 years ago, 1481709397177
Code	/* Septemper 19th, 2013 - Removed strokes - Ellispses now lower in transparancy as they shrink - Mouse click starts a new swirl at the mouse's position - MORE SHIRTS October 22nd, 2013 - Made vertex follow mouse while it is clicked - Pause when any key is held down - Added title stuff November 5th, 2014 - Fixed problem with radians being used in place of degrees - Updated pause functionality (You no longer have to hold down a key) - Updated variable names to make more sense December 14th, 2016 - Added option to draw squares or triangles instead of circles - Use '0' and '9' to switch between shapes / frameRate(0); background(255, 255, 255); stroke(0, 0, 0); // Text & title fill(0, 0, 0); textSize(34); text("Hypnosaic:", 20, 43); fill(176, 176, 176); textSize(22); text("Now with ShapeTec™", 20, 69); fill(117, 117, 117); textSize(13); text("Tip: Click and drag your mouse!", 7, 392); text("Press any other key to pause", 7, 373); text("Press 0 or 9 to switch shapes", 7, 354); // how far around the circle the ball is, in radians var angle = 0; var initialAngle = 0; // how big the circle is var radius = 0; var initialRadius = 0; // The center of the first hypnoswirl var centerX = 200; var centerY = 200; // The size of the balls var ballSize = 55; var initialBallSize = 55; // Sets initial stroke properties stroke(0, 0, 0,115+initialBallSize); // Uses the size of the ball to set the alpha (transparency) strokeWeight(1); noStroke(); // Key functionality var currentShape = 1; var paused = false; // Default "pause" state is unpaused (false) keyPressed = function() { if (key.code === 48) { currentShape++; if (currentShape > 3) { currentShape = 1; } } else if (key.code === 57) { currentShape--; if (currentShape < 1) { currentShape = 3; } } else { paused = !paused; // When a key is pressed, invert the pause state (true -> false, false -> true) } }; var draw = function() { if (!paused) // If we're unpaused, run all the circle drawing code { // Move centre of swirl to mouse's position when it is pressed down if (mouseIsPressed) { centerX = mouseX; centerY = mouseY; } // randomize fill color (Try changing the ranges of the random numbers) var colourR = random(10,255); var colourG = random(10,255); var colourB = random(10,255); fill(colourR, colourG, colourB,15+initialBallSize3); // calculate coordinates of the ball using sine and cosine var x = sin(degrees(angle)) * radius; var y = cos(degrees(angle)) * radius; // since the circle is naturally centered at the middle of the screen // we must add centerX and centerY if (currentShape === 1) { ellipse(x + centerX, y + centerY, ballSize, ballSize); } else if (currentShape === 2) { rect(x + centerX - ballSize/2, y + centerY - ballSize/2, ballSize, ballSize); } else if (currentShape === 3) { triangle(x + centerX - ballSize/2, y + centerY + ballSize/2, x + centerX + ballSize/2, y + centerY + ballSize/2, x + centerX, y + centerY - ballSize/4); } // move the ball forward angle = angle + -1.84; // Increase the radius of the path the balls are on radius = radius + -0.25; // Change the size of the ball ballSize = ballSize + -0.09; // If the ball is smaller than 0, go back to the initial variables if (ballSize<0) { angle = initialAngle; radius = initialRadius; ballSize = initialBallSize; centerX = random(0,400); centerY = random(0,400); x = centerX; y = centerY; } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBi-wIX9Aww
Votes	325
Spin-Offs	147
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"826002294","title":"Hypnoswirl","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Karl Stewart
Author Name	WhereIsThePants
Author ID	kaid_216686977499218892845125
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739279681141
Updated	4 months ago, 1744828843343
Source Deleted	unknown