Viewing Program

Program Data

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

Title	The Breathing Bear
ID	4560840651898880
Created	7 years ago, 1516930156118
Updated	7 years ago, 1516937225888
Code	// The Breathing Bear! // Breathe with him, and you'll see a blade of grass pop up for each breath, // plus a flower pop up every 5 breaths. // How many flowers can you grow?? // (And yes, you could just watch without breathing along, // but that wouldn't be as relaxing and helpful) var drawBear = function(bellySize) { var brown = color(26, 242, 120); var darkBrown = color(21, 217, 107); var lightBrown = color(27, 204, 176); fill(darkBrown); noStroke(); //arms beginShape(); vertex(145,189); bezierVertex(158,209,94,270,92,247); bezierVertex(72,249,122,166,145,189); endShape(); beginShape(); vertex(97,242); bezierVertex(135,342,53,321,92,295); bezierVertex(77,252,83,229,97,241); endShape(); // right arms beginShape(); vertex(217,190); bezierVertex(208,162,211,249,272,257); bezierVertex(301,240,241,169,217,190); endShape(); beginShape(); vertex(261,241); bezierVertex(269,354,326,302,291,295); bezierVertex(284,273,283,214,261,241); endShape(); // legs // left upper leg noStroke(); beginShape(); vertex(139,231+50); bezierVertex(176,260+50,210,276+50,122,288+50); bezierVertex(100,322+50,44,289+50,139,231+50); endShape(); // right upper leg beginShape(); vertex(265,330); bezierVertex(281,366,343,315,230,285); bezierVertex(162,321,240,341,265,330); endShape(); // left lower leg beginShape(); var yOff = 64; vertex(165,282+yOff); bezierVertex(190,309+yOff,157,329+yOff,160,304+yOff); bezierVertex(67,297+yOff,59,245+yOff,165,282+yOff); endShape(); // right lower leg beginShape(); vertex(207,361); bezierVertex(305,361,334,290,193,348); bezierVertex(183,375,204,384,207,361); endShape(); // body fill(brown); ellipse(187, 244, 111, 171); // face strokeWeight(2); fill(brown); ellipse(187, 128, 119, 112); // ears ellipse(144, 85, 28, 29); ellipse(227, 85, 28, 29); fill(lightBrown); ellipse(144, 85, 10, 10); ellipse(227, 85, 10, 10); // eyes stroke(0, 0, 0); noFill(); arc(165, 113, 28, 29, 20, 160); arc(209, 113, 28, 29, 20, 160); // nose fill(0, 0, 0); ellipse(186, 146, 30, 20); // mouth line(186, 146, 186, 165); noFill(); arc(179, 161, 15, 14, 20, 160); arc(194, 161, 15, 14, 20, 160); // belly noStroke(); // behind belly crease fill(24, 237, 84); ellipse(186, 257, bellySize * 1.7, bellySize * 1.7); // belly area fill(brown); ellipse(186, 260, bellySize * 2.0, bellySize * 1.7); // belly center fill(27, 204, 176); ellipse(186, 265, bellySize, bellySize * 1.5); }; var drawCaption = function(caption) { fill(24, 237, 84); textSize(30); textFont(createFont("fantasy")); textAlign(CENTER, CENTER); text(caption, 436, 121); }; var drawGrass = function(x, y, color) { fill(color); triangle(x, y, x+3, y+30, x-3, y+30); }; var drawFlower = function(x, y, color) { stroke(80, 200, 100); strokeWeight(3); line(x, y, x, y-30); fill(color); noStroke(); ellipse(x, y-30, 15, 13); rect(x-8, y-40, 16, 13); triangle(x+4, y-40, x+8, y-40, x+6, y-45); triangle(x-2, y-40, x+2, y-40, x, y-45); triangle(x-4, y-40, x-8, y-40, x-6, y-45); }; var generateX = function() { // generate random x on either side of bear var possibleXes = [random(0, 100), random(300, width)]; return possibleXes[round(random(0, 1))]; }; var generateGrass = function() { var randX = generateX(); var randY = random(300, 390); var randGreen = color(random(70, 90), random(140, 255), 200); return {x: randX, y: randY, color: randGreen}; }; var generateFlower = function() { var randX = generateX(); var randY = random(300, 390); var randColor = color(random(0, 255), random(190, 255), 255); return {x: randX, y: randY, color: randColor}; }; colorMode(HSB); var bellySize = 50; var startedAt = millis(); var stages = {"IN": 1, "HOLDIN": 2, "OUT": 3, "HOLDOUT": 4}; var currentStage = stages.IN; var lastStageStarted = millis(); var leavesOfGrass = []; var flowers = []; var numBreaths = 0; draw = function() { background(134, 74, 255); // grassy ground fill(81, 97, 219); rect(0, 300, width, 100); for (var i = 0; i < leavesOfGrass.length; i++) { drawGrass(leavesOfGrass[i].x, leavesOfGrass[i].y, leavesOfGrass[i].color); } for (var i = 0; i < flowers.length; i++) { drawFlower(flowers[i].x, flowers[i].y, flowers[i].color); } var caption = ""; if (currentStage === stages.IN) { bellySize += 0.1; caption = "BREATHE IN..."; } else if (currentStage === stages.OUT) { bellySize -= 0.1; caption = "BREATHE OUT..."; } else if (currentStage === stages.HOLDIN) { caption = "HOLD..."; } drawBear(bellySize); drawCaption(caption); // If its been more than the required # of seconds // since the stage started, transition to the next stage var secsSinceStageStarted = (millis() - lastStageStarted) / 1000; if (currentStage === stages.HOLDIN && secsSinceStageStarted >= 2) { currentStage = stages.OUT; lastStageStarted = millis(); } else if (currentStage === stages.HOLDOUT && secsSinceStageStarted >= 1) { currentStage = stages.IN; lastStageStarted = millis(); numBreaths++; if (numBreaths % 5 === 0) { flowers.push(generateFlower()); } else { leavesOfGrass.push(generateGrass()); } } else if (currentStage === stages.IN && secsSinceStageStarted >= 4) { currentStage = stages.HOLDIN; lastStageStarted = millis(); } else if (currentStage === stages.OUT && secsSinceStageStarted >= 4) { currentStage = stages.HOLDOUT; lastStageStarted = millis(); } };
Folds	7,113,123,126,128,139
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLy394GNCAw
Votes	174
Spin-Offs	10
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	pamela ❤
Author Name	pamela
Author ID	kaid_481802608512872365097525
Author Profile Access	PUBLIC

Archive Data

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