Viewing Program

Program Data

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

Title	Cloth Simulation
ID	1491863167
Created	12 years ago, 1364232384936
Updated	12 years ago, 1364232384979
Code	/* Copyright (c) 2013 Stuffit at codepen.io (http://codepen.io/stuffit) Original Code Here: http://codepen.io/stuffit/pen/KrAwx Left Click to move cloth. Right Click to cut cloth. / var physics_accuracy = 1, mouse_influence = 20, mouse_cut = 6, gravity = 900, cloth_height = 30, cloth_width = 50, start_y = 20, spacing = 7, tear_distance = 60; var points, physics; var Constraint = function(p1, p2, spacing, tear_distance) { this.p1 = p1; this.p2 = p2; this.length = spacing; this.tear_distance = tear_distance; }; Constraint.prototype.solve = function() { var diff_x = this.p1.x - this.p2.x, diff_y = this.p1.y - this.p2.y, dist = sqrt(diff_x diff_x + diff_y * diff_y), diff = (this.length - dist) / dist; if (dist > this.tear_distance) { this.p1.remove_constraint(this); } var scalar_1 = ((1 / this.p1.mass) / ((1 / this.p1.mass) + (1 / this.p2.mass))); var scalar_2 = 1 - scalar_1; this.p1.x += diff_x * scalar_1 * diff; this.p1.y += diff_y * scalar_1 * diff; this.p2.x -= diff_x * scalar_2 * diff; this.p2.y -= diff_y * scalar_2 * diff; }; Constraint.prototype.draw = function() { line(this.p1.x, this.p1.y, this.p2.x, this.p2.y); }; var Point = function(x, y) { this.x = x; this.y = y; this.px = x; this.py = y; this.ax = 0; this.ay = 0; this.mass = 1; this.constraints = []; this.pinned = false; }; Point.prototype.update = function(delta) { this.add_force(0, this.mass * gravity); var vx = this.x - this.px; var vy = this.y - this.py; delta = delta; var nx = this.x + 0.99 vx + 0.5 * this.ax * delta; var ny = this.y + 0.99 * vy + 0.5 * this.ay * delta; this.px = this.x; this.py = this.y; this.x = nx; this.y = ny; this.ay = this.ax = 0; }; Point.prototype.update_mouse = function() { var diff_x = this.x - mouseX, diff_y = this.y - mouseY, dist = sqrt(diff_x * diff_x + diff_y * diff_y); if (mouseButton === LEFT) { if (dist < mouse_influence) { this.px = this.x - (mouseX - pmouseX) * 1.8; this.py = this.y - (mouseY - pmouseY) * 1.8; } } else if (dist < mouse_cut) { this.constraints = []; } }; Point.prototype.draw = function() { if (this.constraints.length <= 0) { return; } var i = this.constraints.length; while(i--) { this.constraints[i].draw(); } }; Point.prototype.solve_constraints = function() { var i = this.constraints.length; while(i--) { this.constraints[i].solve(); } if (this.y < 1) { this.y = 2 * (1) - this.y; } else if (this.y > height-1) { this.y = 2 * (height - 1) - this.y; } if (this.x > width-1) { this.x = 2 * (width - 1) - this.x; } else if (this.x < 1) { this.x = 2 * (1) - this.x; } if (this.pinned) { this.x = this.pin_x; this.y = this.pin_y; } }; Point.prototype.attach = function(P, spacing, tear_distance) { this.constraints.push( new Constraint(this, P, spacing, tear_distance) ); }; Point.prototype.remove_constraint = function(lnk) { var i = this.constraints.length; while (i--) { if (this.constraints[i] === lnk) { this.constraints.splice(i, 1); } } }; Point.prototype.add_force = function(fX, fY) { this.ax += fX/this.mass; this.ay += fY/this.mass; }; Point.prototype.pin = function(pX, pY) { this.pinned = true; this.pin_x = pX; this.pin_y = pY; }; var Physics = function() { this.delta_sec = 16 / 1000; this.accuracy = physics_accuracy; }; Physics.prototype.update = function() { var i = this.accuracy; while (i--) { var p = points.length; while (p--) { points[p].solve_constraints(); } } i = points.length; while (i--) { if (mouseIsPressed) { points[i].update_mouse(); } points[i].update(this.delta_sec); } }; var build_cloth = function() { var start_x = width / 2 - cloth_width * spacing / 2; for (var y = 0; y <= cloth_height; y++) { for (var x = 0; x <= cloth_width; x++) { var p = new Point(start_x + x * spacing, y * spacing + start_y); if (0 !== x) { p.attach(points[points.length - 1], spacing, tear_distance); } if (0 !== y) { p.attach(points[(y - 1) * (cloth_width + 1) + x], spacing, tear_distance); } if (0 === y) { p.pin(p.x, p.y); } points.push(p); } } }; if (!physics) { physics = new Physics(); points = []; build_cloth(); } var draw = function() { background(0, 0, 0); physics.update(); stroke(222, 222, 222, 153); var i = points.length; while (i--) { points[i].draw(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBj_jLDHBQw
Votes	208
Spin-Offs	51
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	John (Khan Team)
Author Name	john
Author ID	kaid_793081664775613255842983
Author Profile Access	PUBLIC

Archive Data

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