Viewing Program

Program Data

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

Title	Bees vs. Bear!
ID	4973543297253376
Created	10 years ago, 1429543410446
Updated	10 years ago, 1429967554980
Code	/ "Bees vs. Bear" by Chopsor Created April 20, 2015 The bear, like Winnie the Pooh, is attracted to the beehive, which contains honey. The main job of the bees is to protect the hive, so of course, they attack the "poor" bear. Although bears eat more than just honey, this is an ongoing stereotype of bears and honey bees. I was in Canada once, and actually saw a bear! It was really cool! He happened to be near a bees' nest on a tree, but I didn't get to see much since we were driving on the road. Info for Pamela: I have been programming since December 2014 (4 months) and I have completed the Intro to JS tutorial Move around your mouse to make the swarm of bees move! Stop the bear from stealing honey from the hive by clicking to sting him! / /* CLICKING / var clickable = false; //If player is able to click mouseReleased = function() { clickable = true; //If mouse is released, player can click }; / TREES / var trees = []; //Array that stores trees var treeRows = 5; //Amount of rows of trees / HONEY / var honeyDrops = []; //Array the stores honey drops (falling from hive) / BEES / var bees = []; //Array the stores bees var beeAmount = 30; //Amount of bees in swarm (the more the bees, the laggier) var average = new PVector(0, 0); //Average bee position is stored in a PVector rectMode(CENTER); //Rectangles are drawn with the x and y coordinates at their centers //Background function var myBackground = function() { //Generate sky background for (var i = 0; i < 401; i++) { noStroke(); //Generate sky with noise fill(0, map(noise(i0.02), 0, 1, 150, 150), map(noise(i0.01), 8, 6, 10, 154)); //Draw rectangles to the end of canvas to show background color rect(i, 200, 1, 400); } //Grass fill(40, 122, 22); noStroke(); rect(200, 275, 400, 250); }; //Title of the program var movingTitle = function() { fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(30); text("BEES vs. BEAR", 200 + 80 cos(frameCount * 6), 20); }; //Tree Object //Takes in 5 parameters as shown var Tree = function(x, y, sz, swaySize, type) { this.x = x; //x position of bottom this.y = y; //y position of bottom this.sz = sz; //scale size this.swaySize = swaySize; //how much tree sways this.type = type; //type of tree ("main" or "regular") //Trunk and Leaf Color generators this.trunkColorNum = floor(random(0, 2)); this.trunkColor = [color(110, 70, 0), color(92, 55, 37)]; this.leafColorNum = floor(random(0, 3)); this.leafColor = [color(90, 145, 13), color(60, 138, 23), color(61, 143, 43)]; }; Tree.prototype.draw = function() { pushMatrix(); translate(this.x, this.y - 80); rotate(this.swaySize * cos(frameCount)); scale(this.sz, this.sz); //Trunk\\ noStroke(); //Base trunk color on tree type if (this.type === "regular") { fill(this.trunkColor[this.trunkColorNum]); } else { fill(128, 90, 44); } //Draw trunk rect(0, 0, 20, 80, 5); //Leaves\\ //Draw ellipses based on leaf color fill(this.leafColor[this.leafColorNum]); stroke(29, 112, 9); strokeWeight(2); ellipse(10, -25, 25, 25); ellipse(-10, -25, 25, 25); ellipse(0, -40, 30, 30); //Delete extra arcs noFill(); stroke(this.leafColor[this.leafColorNum]); strokeWeight(2.5); arc(0, -40, 30, 30, 20, 160); arc(-10, -25, 25, 25, 0, 30); popMatrix(); }; //Pushes new Trees into trees[] array and then draws in a function for (var y = 0; y < treeRows; y++) { for (var x = 0; x < 400; x += 120) { var yPosition = 180 + pow(y, 2) * (6 + random(-0.05, 0.05)); var treeScale = 2 + (yPosition - 150) * 0.004; trees.push(new Tree(x + random(-50, 50), yPosition, treeScale, random(1, 2), "regular")); } } trees.push(new Tree(300, 300, 4, 0, "main")); var drawTrees = function() { //Draw every tree generated for (var i = 0; i < trees.length; i++) { trees[i].draw(); } }; //HoneyDrop function var HoneyDrop = function(x, y, sz) { this.x = x; //x position this.y = y; //y position this.sz = sz; //Scale size this.display = function() { pushMatrix(); translate(this.x, this.y); //Apply x and y positions scale(sz, sz); //Apply scale size fill(227, 179, 45); //Drop color noStroke(); //Draw drop beginShape(); vertex(0, -13.5); bezierVertex(-4, -3, -14, 3.5, -5, 11.5); bezierVertex(-2, 13.5, 2, 13.5, 5, 11.5); bezierVertex(14, 3.5, 4, -3, 0, -13.5); endShape(); popMatrix(); this.y += random(2, 6); //Falls down at random speed }; }; //Beehive function var Beehive = function(x, y) { pushMatrix(); strokeWeight(1.5); stroke(0, 0, 0); fill(227, 192, 36); translate(x, y); //Apply x and y positions scale(1.5, 1.5); //Scale bigger than original drawing //Beehive structure ellipse(0, 15, 27, 8); ellipse(0, 10, 30, 10); ellipse(0, 5, 35, 13); ellipse(0, 0, 40, 15); ellipse(0, -5, 35, 13); ellipse(0, -10, 30, 10); ellipse(0, -15, 27, 8); //Entrance hole fill(0, 0, 0); noStroke(); arc(-5, 14, 10, 20, -180, 0); popMatrix(); //Pushes new HoneyDrops into honeyDrops array at certain time if (frameCount % 50 === 0) { honeyDrops.push(new HoneyDrop(random(x - 5, x + 16), y + 4, random(0.5, 1))); } //Display all honeyDrops for (var i = 0; i < honeyDrops.length; i++) { honeyDrops[i].display(); } }; //Bees Object var Bees = function() { this.pos = new PVector(random(0, 400), random(0, 400)); //Position stored in a PVector this.vel = new PVector(0, 0); //Velocity stored in a PVector (0 so far) this.accel = new PVector(0, 0); //Acceleration stored in a PVector (0 so far) }; Bees.prototype.update = function() { //Accelerate based on pos and average pos defined earlier this.accel.x = (average.x - this.pos.x) / dist(this.pos.x, this.pos.y, average.x, average.y); this.accel.y = (average.y - this.pos.y) / dist(this.pos.x, this.pos.y, average.x, average.y); for (var i = 0; i < bees.length; i ++) { if (dist(this.pos.x, this.pos.y, bees[i].pos.x, bees[i].pos.y) < 5) { //Multiply acceleration if position is less than 5 pixels away from a given bee this.accel.mult(1.1); } } this.vel.add(this.accel); //Apply acceleration to velocity this.pos.add(this.vel); //Apply velocity to position //Constrain position based on mouse position this.pos.x = constrain(this.pos.x, mouseX - 50, mouseX + 50); this.pos.y = constrain(this.pos.y, mouseY - 50, mouseY + 50); }; Bees.prototype.draw = function() { //Draw bees with a thick point stroke(0, 0, 0); strokeWeight(4); point(this.pos.x, this.pos.y); }; Bees.prototype.display = function() { //Draw and update bees to display them this.draw(); this.update(); }; //Pushes new Bees into bees[] array and then draws in a function for (var i = 0; i < beeAmount; i++) { bees.push(new Bees()); } var drawBees = function() { average = new PVector((mouseX + average.x) / 2, (mouseY + average.y) / 2); //Draw every bee generated for (var i = 0; i < bees.length; i ++) { bees[i].display(); } }; //Bear Object var Bear = function() { this.x = 233; //Body's x position this.y = 300; //Body's y position this.stingX = null; //Put sting x position here when bee is stung this.stingY = null; //Put sting y position here when bee is stung this.stingTimer = 200; //Time it takes for the sting and sting message to go away this.stung = false; //If stung, run sting message this.owSound = getSound("rpg/giant-yah"); //Sound when bear is stung this.bodyColor = color(54, 36, 14); //Body color this.armColor = color(64, 56, 31); //Arm color }; Bear.prototype.stingMessage = function() { this.stingTimer -= 10; //Decrease sting timer //Run if sting timer is positive, else do not run function, and set sting timer to 200 if (this.stingTimer > 0) { //Sting message in top corner strokeWeight(2); stroke(0, 0, 0, this.stingTimer); fill(255, 255, 255, this.stingTimer); beginShape(); vertex(100, 50); vertex(90, 80); vertex(80, 60); vertex(70, 80); vertex(60, 65); vertex(50, 100); vertex(60, 135); vertex(70, 120); vertex(80, 140); vertex(90, 120); vertex(100, 150); vertex(110, 120); vertex(120, 140); vertex(130, 120); vertex(140, 135); vertex(150, 100); vertex(140, 65); vertex(130, 80); vertex(120, 60); vertex(110, 80); vertex(100, 50); endShape(); fill(255, 0, 0, this.stingTimer); textSize(25); textAlign(CENTER, CENTER); text("STING!", 100, 100); //Sting scar on bear's body fill(255, 0, 0, this.stingTimer); noStroke(); rect(this.stingX, this.stingY, 0.1, 0.1, -20); } else { this.stung = false; this.stingTimer = 200; } }; Bear.prototype.MouseOver = function() { //Tell what needs to happen in order for mouse to be over bear return mouseX > this.x - 35 && mouseX < this.x + 65 && mouseY > this.y - 95 && mouseY < this.y + 85; }; Bear.prototype.Ow = function() { //If mouse is over bear if (this.MouseOver()) { cursor(HAND); //Cursor is hand //If the mouse is pressed and user can click, run the following if (mouseIsPressed && clickable) { this.stingTimer = 200; //Sting timer resets playSound(this.owSound); //Play the "ow" sound this.stung = true; //Stung is true this.stingX = mouseX; //Give the sting's x position the current mouseX this.stingY = mouseY; //Give the sting's y position the current mouseY } } }; Bear.prototype.draw = function() { this.Ow(); //ARMS noFill(); stroke(this.armColor); strokeWeight(30); pushMatrix(); translate(this.x + 12, this.y - 51); rotate(28); arc(0, 0, 80, 100, -40, 41); popMatrix(); pushMatrix(); translate(this.x + 14, this.y - 46); rotate(205); arc(0, 0, 29, 105, -40, 41); popMatrix(); //HEAD fill(this.bodyColor); noStroke(); ellipse(this.x, this.y - 60, 60, 60); arc(this.x - 20, this.y - 80, 20, 20, 135, 315); arc(this.x + 20, this.y - 80, 20, 20, -135, 48); //BODY ellipse(this.x, this.y, 70, 100); //LEGS pushMatrix(); translate(this.x, this.y + 52); rotate(-5); rect(-15, 0, 25, 70, 40); rect(15, 0, 25, 70, 40); popMatrix(); //If bear is stung, run sting message if (this.stung) { this.stingMessage(); } }; var bear = new Bear(); //Stores a new Bear in a variable var draw = function() { cursor(ARROW); //Cursor is an ARROW unless told otherwise myBackground(); //Draw Background drawTrees(); //Draw the Trees Beehive(280, 220); //Draw the Beehive bear.draw(); //Draw new Bear drawBees(); //Draw the Bees movingTitle(); //Draw title clickable = false; //Assume player is not able to click };
Folds	16,18,35,48,51,56,60,72,73,103,106,112,114,119,122,142,145,174,177,181,182,197,198,203,204,208,211,213,214,220,223,233,234,277,278,281,282,295,296,332
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIjMlO3qCAw
Votes	235
Spin-Offs	24
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6240228079697920","title":"Contest: Ecological Interactions","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Owen S
Author Name	chopsor
Author ID	kaid_654395641265089322009495
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739372273636
Updated	6 months ago, 1739372280016
Source Deleted	unknown