Viewing Program

Program Data

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

Title	Cloth simulator
ID	4634488550752256
Created	7 years ago, 1525387765639
Updated	7 years ago, 1525623943115
Code	//rclick to move //lclick to drag cloeth var mouseDwn = []; var forceMult = 1; var gravMult = 1; var windMult = 1; var rot = [0, 0]; var triangles = []; var rotated = function(x, y, r) { var c = cos(r); var s = sin(r); return [x * c - y * s, x * s + y * c]; }; var transform = function(i) { var p = [i[0], i[1], i[2]]; var r = rotated(p[0], p[2], -rot[0]); p[0] = r[0]; p[2] = r[1]; var r = rotated(p[1], p[2], -rot[1]); p[1] = r[0]; p[2] = r[1]; p[2] += 1.6; var sz = width; return [(p[0] / p[2]) * sz + width * 0.5, (p[1] / p[2]) * sz + height * 0.5, p[2]]; }; var untransform = function(i) { var sz = width; var p = [i[0], i[1], i[2]]; p = [((p[0] - width * 0.5) / sz) * p[2], ((p[1] - height * 0.5) / sz) * p[2], p[2] - 1.6]; var r = rotated(p[1], p[2], rot[1]); p[1] = r[0]; p[2] = r[1]; var r = rotated(p[0], p[2], rot[0]); p[0] = r[0]; p[2] = r[1]; return p; }; var sun = [0, 0, -1]; var drawTriangle = function(p1, p2, p3) { var v = [p1[0] - p2[0], p1[1] - p2[1], p1[2] - p2[2]]; var w = [p1[0] - p3[0], p1[1] - p3[1], p1[2] - p3[2]]; var normal = [ v[1] * w[2] - v[2] * w[1], v[2] * w[0] - v[0] * w[2], v[0] * w[1] - v[1] * w[0] ]; var len = sqrt(normal[0] * normal[0] + normal[1] * normal[1] + normal[2] * normal[2]); var shade = (normal[0] * sun[0] + normal[1] * sun[1] + normal[2] * sun[2]) / len; p1 = transform(p1); p2 = transform(p2); p3 = transform(p3); if(shade < 0) { shade = -1; } var c = color(shade 48, shade * 192, shade * 32); triangles.push([p1, p2, p3, p1[2] + p2[2] + p3[2], c]); }; var Cloth = function(w, h) { this.sel = null; this.width = w; this.height = h; this.points = []; this.sz = [1 / w, 1 / w]; for(var i = 0; i < this.width; i++) { this.points.push([]); for(var j = 0; j < this.height; j++) { var nbors = []; if(i > 0) { nbors.push([-1, 0]); } if(j > 0) { nbors.push([0, -1]); } if(i < this.width - 1) { nbors.push([1, 0]); } if(j < this.height - 1) { nbors.push([0, 1]); } this.points[i].push([[i * this.sz[0], j * this.sz[1], 0.0], [0, 0, 0], nbors]); } } }; Cloth.prototype.draw = function() { if(mouseDwn[LEFT]) { if(this.sel === null) { for(var i = 0; i < this.width; i++) { for(var j = 0; j < this.height; j++) { var p = transform(this.getPoint(i, j)); if(dist(pmouseX, pmouseY, p[0], p[1]) < 10) { this.sel = [i, j]; } } } } if(this.sel !== null) { var i = this.sel[0], j = this.sel[1]; var p = transform(this.getPoint(i, j)); p[0] = mouseX; p[1] = mouseY; var un = untransform(p); un[0] += 0.45; un[1] += 0.45; this.points[i][j][0] = un; } } else { this.sel = null; } for(var i = 0; i < this.width - 1; i++) { for(var j = 0; j < this.height - 1; j++) { var lim = 2; if(this.points[i][j][2].length < lim \|\| this.points[i + 1][j][2].length < lim \|\| this.points[i][j + 1][2].length < lim \|\| this.points[i + 1][j + 1][2].length < lim) { continue; } drawTriangle(this.getPoint(i, j), this.getPoint(i + 1, j), this.getPoint(i + 1, j + 1)); drawTriangle(this.getPoint(i + 1, j + 1), this.getPoint(i, j + 1), this.getPoint(i, j)); } } }; Cloth.prototype.update = function() { for(var i = 0; i < this.width; i++) { this.points[i][0][0] = [i * this.sz[0], 0, 0]; this.points[i][0][1] = [0, 0, 0]; } var newPoints = []; for(var i = 0; i < this.width; i++) { newPoints.push([]); for(var j = 0; j < this.height; j++) { var p = [ this.points[i][j][0].slice(0), this.points[i][j][1].slice(0), this.points[i][j][2].slice(0) ]; var neighbors = this.points[i][j][2]; for(var k = 0; k < neighbors.length; k++) { var n = neighbors[k]; var np = [i + n[0], j + n[1]]; if(np[0] < 0 \|\| np[1] < 0 \|\| np[0] >= this.width \|\| np[1] >= this.height) { continue; } n = this.points[np[0]][np[1]]; var d = (dist)(n[0][0], n[0][1], n[0][2], p[0][0], p[0][1], p[0][2]); var off = [ n[0][0] - p[0][0], n[0][1] - p[0][1], n[0][2] - p[0][2] ]; var force = (d - this.sz[0]) * 0.8 * forceMult; if(force > 0.1) { p[2].splice(k, 1); } p[1][0] += off[0] * force; p[1][1] += off[1] * force; p[1][2] += off[2] * force; } p[1][1] += 0.0002 * gravMult; p[1][0] += (noise(p[0][0] * 2.0, p[0][1] * 2.0, frameCount * 0.01 - 194.324) * 2 - 1) * 0.0006 * windMult; p[1][1] += (noise(p[0][0] * 2.0, p[0][1] * 2.0, frameCount * 0.01 + 371.4167) * 2 - 1) * 0.0006 * windMult; p[1][2] += (noise(p[0][0] * 2.0, p[0][1] * 2.0, frameCount * 0.01) * 2 - 1) * 0.0006 * windMult; for(var k = 0; k < 3; k++) { p[0][k] += p[1][k]; p[1][k] *= 0.99; } newPoints[i].push(p); } } this.points = newPoints; }; Cloth.prototype.getPoint = function(x, y) { var p = this.points[x][y]; var pos = p[0].slice(0); var num = 1; for(var i = 0; i < p[2].length; i++) { var n = [p[2][i][0] + x, p[2][i][1] + y]; var np = this.points[n[0]][n[1]][0]; pos[0] += np[0]; pos[1] += np[1]; pos[2] += np[2]; num++; } pos[0] /= num; pos[1] /= num; pos[2] /= num; pos[0] -= 0.45; pos[1] -= 0.45; return pos; }; var cloth = new Cloth(10, 12); var drawSlider = function(val, name, x, y) { noStroke(); fill(224); rect(x, y, 100, 30); fill(192); rect(x + 8, y + 13, 84, 4, 4); fill(224); stroke(96); ellipse(map(val, 0.5, 1.5, x + 8, x + 92), y + 15, 24, 24); textAlign(LEFT, CENTER); fill(0); textSize(12); text(name, x + 105, y + 15); textAlign(CENTER, CENTER); text(val.toFixed(1), map(val, 0.5, 1.5, x + 8, x + 92), y + 15); }; var draw = function() { background(255); cloth.update(); cloth.draw(); triangles.sort(function(a, b) { return b[3] - a[3]; }); for(var i = 0; i < triangles.length; i++) { fill(triangles[i][4]); stroke(triangles[i][4]); triangle( triangles[i][0][0], triangles[i][0][1], triangles[i][1][0], triangles[i][1][1], triangles[i][2][0], triangles[i][2][1] ); } triangles = []; drawSlider(forceMult, "Elasticity multiplier", 0, 0); drawSlider(gravMult, "Gravity multiplier", 0, 30); drawSlider(windMult, "Wind multiplier", 0, 60); if(mouseX < 100 && mouseY < 90 && mouseDwn[LEFT]) { var val = constrain(map(mouseX, 8, 92, 0.5, 1.5), 0.5, 1.5); if(mouseY < 30) { forceMult = val; } else if(mouseY < 60) { gravMult = val; } else { windMult = val; } } else { if(mouseDwn[RIGHT]) { rot[0] += (pmouseX - mouseX); rot[1] += (pmouseY - mouseY); rot[1] = constrain(rot[1], -90, 90); } } }; var mousePressed = function() { mouseDwn[mouseButton] = true; }; var mouseReleased = function() { mouseDwn[mouseButton] = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKKer-GdCAw
Votes	164
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	adfjk
Author Name	adfjk
Author ID	kaid_1142137970772683782317032
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739365168163
Updated	10 months ago, 1739365174985
Source Deleted	unknown