soft_body_particles
The state of a soft-body is the state of its particles, which are identified by their index in the body. Their positions
and their velocities can be read (particlePosition, particlePositions, particleVelocity,
particleVelocities) and modified (setParticlePosition, setParticleVelocity) at any time, one by one or all at
once. The elements built from them (edges, cells, and
boundary) can be read as well, e.g., in order to render the body with your own mesh.
A particle can also be pinned (setParticlePinned). A pinned particle is kinematic: it is no longer affected by the forces
nor by the contacts, and it will simply hold its position, or follow the kinematic target
(setParticleKinematicTarget) or the velocity it is given. This is, e.g., how a piece of cloth
is hung on a wall, or how a rope is dragged by the player. Releasing the particle gives it back its nominal mass and
lets it keep its current velocity:
- Example 2D
- Example 3D
// Read the particles.
let position = sheet.particlePosition(0);
let velocity = sheet.particleVelocity(0);
let positions: Float32Array = sheet.particlePositions(); // Two floats per particle.
console.log("The sheet has", sheet.numParticles(), "particles;", positions.length / 2);
// Move a particle.
sheet.setParticlePosition(1, { x: position.x, y: position.y + 0.1 });
sheet.setParticleVelocity(1, velocity);
// Pin (or release) a particle; a pinned particle can be driven like a kinematic body.
sheet.setParticlePinned(2, true);
sheet.setParticleKinematicTarget(2, { x: -3.5, y: 3.5 });
// The elements: edges (two indices each), cells (three) and the boundary segments (two).
let edges: Uint32Array = sheet.edges();
let cells: Uint32Array = sheet.cells();
let boundary: Uint32Array = sheet.boundary();
console.log(edges.length / 2, "edges,", cells.length / 3, "cells,", boundary.length / 2, "segments");
// Read the particles.
let position = cloth.particlePosition(0);
let velocity = cloth.particleVelocity(0);
let positions: Float32Array = cloth.particlePositions(); // Three floats per particle.
console.log("The cloth has", cloth.numParticles(), "particles;", positions.length / 3);
// Move a particle.
cloth.setParticlePosition(1, { x: position.x, y: position.y + 0.1, z: position.z });
cloth.setParticleVelocity(1, velocity);
// Pin (or release) a particle; a pinned particle can be driven like a kinematic body.
cloth.setParticlePinned(2, true);
cloth.setParticleKinematicTarget(2, { x: -1.0, y: 2.5, z: -0.8 });
// The elements: edges (two indices each), cells (four) and the boundary triangles (three).
let edges: Uint32Array = cloth.edges();
let cells: Uint32Array = cloth.cells();
let boundary: Uint32Array = cloth.boundary();
console.log(edges.length / 2, "edges,", cells.length / 4, "cells,", boundary.length / 3, "triangles");
Setting the position of a particle explicitly teleports it: no contact is taken into account along the way, so a particle can be moved inside of another object this way. Whenever the motion must be seen by the contacts and by the friction (to drag a piece of cloth, for example), it is recommended to pin the particle and to give it a kinematic target instead.
Controlling a region kinematically
A whole region of the body is controlled at once through a cluster covering it. Pinning
the cluster (setClusterPinned) pins all of its particles, and its kinematic target
(setClusterKinematicTarget) moves them
rigidly: each pinned particle is sent where the rest shape of the cluster places it at the target pose, with the
matching velocity. The rest of the body is then simulated as usual, and drags behind the controlled region, e.g., the
hand of a soft character carrying something:
- Example 2D
- Example 3D
// Pin every particle of the cluster, then move it along a path: the cluster behaves like a
// kinematic rigid part dragging the rest of the body.
jelly.setClusterPinned(cluster, true);
jelly.setClusterKinematicTarget(cluster, { x: 3.0, y: 2.5 }, 0.0);
// Release it: the cluster is simulated again.
jelly.setClusterPinned(cluster, false);
// Pin every particle of the cluster, then move it along a path: the cluster behaves like a
// kinematic rigid part dragging the rest of the body.
jelly.setClusterPinned(cluster, true);
jelly.setClusterKinematicTarget(cluster, { x: 3.0, y: 2.0, z: 0.0 }, { w: 1.0, x: 0.0, y: 0.0, z: 0.0 });
// Release it: the cluster is simulated again.
jelly.setClusterPinned(cluster, false);