d3.forceSurface
A multi-surface elastic collision force type for the d3-force simulation engine.
It can be used, for example to keep nodes within boundaries or in a game of Pong.
See also d3.forceBounce.
Quick start
import d3ForceSurface from 'd3-force-surface';or
d3.forceSurface = require('d3-force-surface');or even
<script src="//unpkg.com/d3-force-surface/dist/d3-force-surface.min.js"></script>then
d3.forceSimulation()
.nodes(<myNodes>)
.force('surface', d3.forceSurface()
.surfaces(<mySurfaces>)
);API reference
| Method | Description | Default |
|---|---|---|
| surfaces([array]) | Getter/setter for the list of surface lines | [] |
| elasticity([number]) | Getter/setter for every collision's coefficient of restitution, aka elasticity. A value of 1 represents a purely elastic collision with no energy loss, while a 0 will fully eliminate the bounce in the collision direction. Values >1 can be used to introduce acceleration at each collision. Values <0 are not recommended. |
1 |
| radius([num or fn]) | Getter/setter for the node object radius accessor function (fn(node)) or a constant (num) for all nodes. |
1 |
| from([fn]) | Getter/setter for the surface object starting point accessor function fn(surface). It should return a two coordinate object: {x,y} |
surface.from |
| to([fn]) | Getter/setter for the surface object ending point accessor function fn(surface). It should return a two coordinate object: {x,y} |
surface.to |
| oneWay([bool or fn]) | Getter/setter for the surface object "one-way" flag accessor function (fn(surface)) or a constant for all surfaces. This flag indicates whether collisions of nodes against the surface should occur in both directions of movement or only in one (when the node is moving in a N>S orientation according to the W>E line axis), effectively ignoring collisions in the other direction. |
false |
| onImpact([fn]) | Callback function triggered at every collision, with the signature onImpact(node, surface) |