aframe-curves v1.0.0
AFrame-Curves
Components for dealing with spline curves
curve component
This defines a Catmull-Rom spline curve. It is exposed on el.components.curve.curve,
| Property | Type | Description | Default |
|---|---|---|---|
| tension | number | The Catmull-Rom Tension | 0.25 |
| closed | boolean | Whether it joins back up with it's tail | false |
curve-point component
A point that tracks itself in 3D world space and updates the curve that it has changed.
No configuration required
draw-curve component
| Property | Type | Description | Default |
|---|---|---|---|
| curve | selector | Curve to draw, defaults to the curve on the same entity. | |
| spacing | number | How far apart to place the line segments, smaller is a smoother curve. | 0.5 |
| tangent | boolean | Draw curve tangents | false |
| normal | boolean | Draw curve normals | false |
| length | number | Length to draw the normal and tangent markers | 0.1 |
clone-along-curve component
Apply this to the curve element, or set one seperately, to instance element at fixed intervals along a curve. They will be rotated to follw the curve.
| Property | Type | Description | Default |
|---|---|---|---|
| curve | selector | Optional, pick a particular curve to use, it defaults to the curve on it's own element | |
| spacing | number | How far apart to place the elements | 1 |
| scale | vec3 | Scale of the elements | {"x":1,"y":1,"z":1} |
<a-curve>
Describes a curve doesn't display anything unless one of the other components is used
Default Components:
| Default component | Settings |
|---|---|
| curve | {} |
Entity Attribute Mappings:
| Property | Mapping |
|---|---|
| closed | "curve.closed" |
| tension | "curve.tension" |
<a-curve-point>
This is used to set the control points of the curve, they don't need to be immediate children.
Default Components:
| Default component | Settings |
|---|---|
| curve-point | {} |
<a-draw-curve>
Describes a curve this uses the draw-curve component to draw a line where the curve is.
Default Components:
| Default component | Settings |
|---|---|
| draw-curve | {} |
| curve | {} |
Entity Attribute Mappings:
| Property | Mapping |
|---|---|
| curve | "draw-curve.curve" |
| closed | "curve.closed" |
| tension | "curve.tension" |
2 years ago