Viewing Program

Program Data

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

Title	Rotating Head
ID	1015455776
Created	12 years ago, 1352747732176
Updated	9 years ago, 1449393868857
Code	// messing around with Winston's head /* Thank you for interested my work! It was just something that pops up in my mind and I just go on and worked it out. Never expected anyone would find this interesting. (Well... maybe a little) Anyway, it still have some flaws, like not correctly turning the face at the end, and consuming to much computer resources over time. I would appeciate anyone's help to solve these problems! Edit on 2013-10-04: Good job Kyle! You fixed it :D Edit on 2014-10-24: Is it broken? I think they have changed a few things... Fixed it. Edit on 2015-12-06: Improving code based on inspiration from JesusLives 12 @GodIsNotDead7. Thank you! / noStroke(); // degree is which way Winston is facing // degree = 0, Winston facing his right // degree = 90, Winston facing us // degree = 180, Winston facing his left var degree = 90; // scaleFactor is a variable for scaling // scaleFactor = 0, object is facing 90 degrees against us // scaleFactor = 1, object is facing towards us var scaleFactor = 0; var eyeSize = 40; var eyeWidth = eyeSize scaleFactor; var eyeOffset = 75; // eye position relative to mouth position var mouthPost = 200; // mouth position var draw = function (){ background(255, 255, 255); // face fill(255, 255, 0); ellipse(200, 200, 300, 300); if ( degree < 180 ){ // using sin() for smooth rotation scaleFactor = sin(degree); } else if ( degree > 180 ) { degree = 0; scaleFactor = 0; } eyeWidth = eyeSize * scaleFactor; mouthPost = (degree + 30)/180 * 300; eyeOffset = scaleFactor * 75; // mouth // start = 50, end = 350 // inside fill(252, 65, 65); ellipse(mouthPost, 240, 120 * scaleFactor, 140); // covering fill(255, 255, 0); ellipse(mouthPost, 210, 120 * scaleFactor, 100); // eyes // start = 60, end = 340 fill(46, 46, 41); ellipse(mouthPost - eyeOffset, 150, eyeWidth, eyeSize); ellipse(mouthPost + eyeOffset, 150, eyeWidth, eyeSize); // hide elements bleed outside head area // old version: /* var radius = 175; var targetXPos = 200; var targetYPos = 200; var x = 0; var y = 0; var newXPos = 0; var newYPos = 0; for (var angle = 0; angle < 360; angle++ ) { x = cos(angle) * radius; y = sin(angle) * radius; newXPos = targetXPos + x; newYPos = targetYPos + y; fill(255, 255, 255); ellipse(newXPos,newYPos, 50, 50); } */ // new version: stroke(255, 255, 255); noFill(); strokeWeight(30); ellipse(200, 200, 330, 330); noStroke(); degree += 1; // println for debug // println((sin(degree)+1)/2); }; // println((sin(1.5708)));
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBigwJrkAww
Votes	300
Spin-Offs	49
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"848607462","title":"More on Variables","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Pete C.
Author Name	PetorialC
Author ID	kaid_620878603359080670137211
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739279418451
Updated	4 months ago, 1744844861672
Source Deleted	unknown