Viewing Program

Program Data

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

Title	Cat got your tongue?
ID	5083988237484032
Created	Unknown
Updated	6 years ago, 1541469813314
Code	// Adapted from Dan Shiffman, natureofcode.com // Want to learn how to create programs like this? // Check out the new Natural Simulations course // https://www.khanacademy.org/computing/cs/programming-natural-simulations angleMode = "degrees"; var Spring = function(x, y, l) { this.anchor = new PVector(x, y); this.restLength = l; this.k = 0.2; }; // Calculate and apply spring force Spring.prototype.connect = function(b) { // Vector pointing from anchor to bob location var force = PVector.sub(b.position, this.anchor); // What is distance var d = force.mag(); // Stretch is difference between current distance and rest length var stretch = d - this.restLength; // Calculate force according to Hooke's Law // F = k * stretch force.normalize(); force.mult(-1 * this.k * stretch); b.applyForce(force); }; // Constrain the distance between bob and anchor between min and max Spring.prototype.constrainLength = function(b, minLength, maxLength) { var dir = PVector.sub(b.position, this.anchor); var d = dir.mag(); // Is it too short? if (d < minLength) { dir.normalize(); dir.mult(minLength); // Reset location and stop from moving (not realistic physics) b.position = PVector.add(this.anchor, dir); b.velocity.mult(0); // Is it too long? } else if (d > maxLength) { dir.normalize(); dir.mult(maxLength); // Reset location and stop from moving (not realistic physics) b.position = PVector.add(this.anchor, dir); b.velocity.mult(0); } }; Spring.prototype.displayLine = function(b) { strokeWeight(2); stroke(0); stroke(219, 127, 224); strokeWeight(30); line(b.position.x, b.position.y, this.anchor.x, this.anchor.y); }; // Bob object, just like our regular Mover (location, velocity, acceleration, mass) var Bob = function(x, y) { this.position = new PVector(x,y); this.velocity = new PVector(); this.acceleration = new PVector(); this.mass = 24; // Arbitrary damping to simulate friction / drag this.damping = 0.98; // For user interaction this.dragOffset = new PVector(); this.dragging = false; }; // Standard Euler integration Bob.prototype.update = function() { this.velocity.add(this.acceleration); this.velocity.mult(this.damping); this.position.add(this.velocity); this.acceleration.mult(0); }; // Newton's law: F = M * A Bob.prototype.applyForce = function(force) { var f = force.get(); f.div(this.mass); this.acceleration.add(f); }; // Draw the bob(cat) Bob.prototype.display = function() { stroke(0); strokeWeight(2); fill(224, 206, 119); if (this.dragging) { fill(158, 139, 54); } // draw arms rectMode(CENTER); rect(this.position.x-20, this.position.y+20, 10, 70, 10); rect(this.position.x+20, this.position.y+20, 10, 70, 10); // draw body var facePosition = new PVector(this.position.x, this.position.y+50); rect(facePosition.x, facePosition.y+45, 46, 89, 30); // draw legs rect(this.position.x-20, this.position.y+150, 10, 60, 10); rect(this.position.x+20, this.position.y+150, 10, 60, 10); // draw face triangle(facePosition.x-10, facePosition.y-20, facePosition.x-20, facePosition.y-15, facePosition.x-20, facePosition.y-30); triangle(facePosition.x+10, facePosition.y-20, facePosition.x+20, facePosition.y-15, facePosition.x+20, facePosition.y-30); ellipse(facePosition.x, facePosition.y, 48, 48); fill(0, 0, 0); ellipse(facePosition.x-8, facePosition.y-8, 5, 5); ellipse(facePosition.x+8, facePosition.y-8, 5, 5); ellipse(facePosition.x, facePosition.y, 5, 5); noFill(); arc(facePosition.x-6, facePosition.y, 13, 25, 0, 150); arc(facePosition.x+6, facePosition.y, 13, 25, 30, 180); }; Bob.prototype.handleClick = function(mx, my) { var d = dist(mx, my, this.position.x, this.position.y+50); if (d < this.mass) { this.dragging = true; this.dragOffset.x = this.position.x-mx; this.dragOffset.y = this.position.y-my; } }; Bob.prototype.stopDragging = function() { this.dragging = false; }; Bob.prototype.handleDrag = function(mx, my) { if (this.dragging) { this.position.x = mx + this.dragOffset.x; this.position.y = my + this.dragOffset.y; } }; // Create objects at starting location // Note third argument in Spring constructor is "rest length" var bob = new Bob(width/2, 100); var spring = new Spring(width/2, 10, 100); bob.position.set(width/2, height/2); draw = function() { background(255); // Apply a gravity force to the bob var gravity = new PVector(0,2); bob.applyForce(gravity); // Connect the bob to the spring (this calculates the force) spring.connect(bob); // Constrain spring distance between min and max spring.constrainLength(bob, 30, 200); // Update bob bob.update(); // Draw everything spring.displayLine(bob); // Draw a line between spring and bob bob.display(); fill(0); textSize(20); textFont(createFont("monospace")); text("Cat got your tongue?", 86, height-37); textSize(10); text("click on bob's face to drag", 122, height-16); }; mousePressed = function() { bob.handleClick(mouseX, mouseY); }; mouseDragged = function() { bob.handleDrag(mouseX, mouseY); }; mouseReleased = function() { bob.stopDragging(); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMCHxPuDCQw
Votes	3516
Spin-Offs	403
Type
Width	400
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	1 years ago, 1707881037739
Updated	1 months ago, 1744820318613
Source Deleted	unknown