Carousels in Tella Motion

A carousel says "there are many of these", then lands on the one that matters. Follow tella-motion-design; load it first.

This skill needs the Tella MCP. If tools such as get_timeline are missing, follow the connection steps in the tella skill first.

Build

• One card per item, from the user's real media (addMedia), all the same size, corner radius and shadow. Four to nine cards.
• One driver: key the carousel's position in one curve (setCurve phase), and bind each card's x, y, scale, opacity and blur to expressions of phase plus that card's offset (bindProperty with sin, cos, add, multiply). Paths:
  • ring from the front: x from sin, scale and brightness from cos;
  • tilted ring: also y from cos (flattened) and a small rotateY following sin;
  • arc or row: x along the path, scale peaking at the centre;
  • stack: the front card throws off and the others step forward one place.
• Depth: the front card at full size, sharp and fully lit; further cards smaller (down to about 0.6), a few px of blur, dimmed.
• Layer order can't change during playback. For a full ring, give each card a back copy and a front copy in two groups (back group first) and switch them with opacity bound to step of its cos. For arcs and rows, order cards by resting depth so they never cross.

Motion