var w,h; var c,ctx; const grav=10; const numframes=60; var numprings; var numparts; var springs=[]; var parts=[]; var der=[]; var psize; var t; var t1; var dt; function vect(x,y) { this.x=x; this.y=y; } function particle(pos,vel,mass,force,size,fixed) { this.pos=pos; this.vel=vel; this.mass=mass; this.force=force; this.size=size; this.fixed=fixed; // is it moving } function derivative(dpdt,dvdt) { this.dpdt=dpdt; // pos derivative which is speed this.dvdt=dvdt; // speed derivative which is acceleration } function spring(k,p1,p2,restlength,damping) { this.k=k; // increase this for more force this.p1=p1; // which particle this.p2=p2; this.restlength=restlength; this.damping=damping; // increase this for more resistant spring } function calculateForces() { for(i=0;i=0.5?a:b); } window.addEventListener('load', function() { init(); setInterval(sysLoop,1000/numframes); }); function init() { c=document.querySelector("canvas"); ctx=c.getContext('2d'); c.width=window.innerWidth; c.height=window.innerHeight; w=c.width; h=c.height; psize=10; setupSystem(15,15); } function changeParticleSize() { var n=prompt("Enter particle size:"); if(n<1) alert("Enter a number greater or equal to 1"); else { psize=n; } } function changeNumberOfParticles() { var n = prompt("Enter number of particles:"); if(n<2) alert("Enter a number greater than 1."); else setupSystem(n,n); } function changeConstant() { var f=prompt("Enter spring coefficient:"); for(i=0;i=10) // reset system to avoid explosion if t too large setupSystem(numsprings, numparts); else dt=t-t1; } function draw() { ctx.clearRect(0,0,w,h); drawParticles(); }

2D soft body deformation