Help guide

Shape Geometry node

Updated June 21, 2026

Shape Geometry node

Product media placeholder

Replace this area with a screenshot or short walkthrough video during the media sweep.

Shared non-text geometry source. F381 P2.1. Companion to `glyphGeometry` — emits the same typed-port output shape from any non-text `geometrySource` kind: `round` / `spike` / `blob` / `svgPath` / `clipPath` / `rawVertices`. Use the same generators as `meshAttractor`'s geometrySource param. Pair its outputs with `softMesh.geometrySource` + `physicsStaticBody{kind:fromGeometry}` so visible blob silhouette + rigid bowl collider stay aligned by construction (kills the legacy `physicsBlob` + `physicsBowlFromBlob` drift bug class).

Type shapeGeometryCategory effectsContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
worldanyOptional. When wired from `physicsWorld.world`, the geometry node uses the world's `frameSelector` to compute body-coord origin.

Outputs

PortTypeDescription
verticesfloat32bufferRest-pose vertex buffer in body coords.
subpathStartsuint16bufferSubpath Starts
ringSubpathCountsuint16bufferEntry i = number of subpaths in ring i (1 outer + N holes). First subpath per ring is outer; remaining are holes. Critical for collider/renderer consumers that need to distinguish outer silhouettes from interior holes.
sharpFlagsuint16bufferSharp Flags
bboxMinXfloatBBox Min X
bboxMinYfloatBBox Min Y
bboxMaxXfloatBBox Max X
bboxMaxYfloatBBox Max Y
bodyCenterXfloatBody Centre X
bodyCenterYfloatBody Centre Y

Parameters

ParameterTypeDefaultDescription
selectorelementSelector""CSS selector for the host element. Used for sizing (auto-radius fallback) and resolving the physics frame.
geometrySourcemeshGeometrySource{"kind":"round","segmentCount":32}Pick a geometry kind: round / spike / blob / svgPath / clipPath / rawVertices. `textOutline` is rejected here — use `glyphGeometry` for text.
radiusfloat-1-1 = auto (~40% of min host dimension).
cornerSharpnessDegfloat25Corner Sharpness (°) min 0; max 90; step 5

Use cases

  • Soft-walled ball pit — one `shapeGeometry{kind:round}` feeds a `softMesh` (visible deformable bowl) AND a `physicsStaticBody{fromGeometry}` (rigid collider). Balls collide with the visibly deforming bowl, no per-frame vertex re-derivation.
  • Cursor-reactive logo — `shapeGeometry{kind:svgPath}` feeds a `softMesh` + `softMeshRender`. Cursor warps the logo silhouette.

Related nodes

Envelope

Use shapeGeometry as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.

Generated source

Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-effects/

Was this guide helpful?

Sunny Arora

Written by

Sunny Arora

Get technical deep dives delivered to your inbox

Join creators and developers who get exclusive insights, tutorials, and behind-the-scenes content every week.

No spam. Unsubscribe anytime.

Continue Exploring

You might also enjoy