Dial

LoopWheelSpinTemplate

The whole wheel in view, spinning at a steady, continuous pace.

Loop · Orbit 21 of 22 · 4 to 14 images or videos

0:00 / 0:00

Settings

Template settings

Specific to this template. Every template also accepts the common settings (aspect ratio, background, corner radius).

Setting	Type	Default	What it does
`loopDuration`	number	`14`
`loopRepeat`	number	`2`
`mediaFit`	enum	`natural`	How each media fills its slot.One of: `crop`, `natural`
`shadowEnabled`	boolean	`false`
`shadowX`	number	`0`
`shadowY`	number	`1`
`shadowBlur`	number	`1.5`
`shadowSpread`	number	`-0.25`
`shadowOpacity`	number	`40`
`shadowColor`	color	`#000000`
`direction`	enum	`right`	One of: `right`, `left`
`scaleIntensity`	number	`0.26`
`wheelSize`	number	`92`
`rotations`	number	`1`
`movement`	enum	`continuous`	One of: `continuous`, `stepped`
`anticipation`	number	`20`
`overshoot`	number	`10`
`hold`	number	`33`
`spinStyle`	enum	`none`	One of: `none`, `self`, `flip`
`spinRate`	number	`2`
`flipAxis`	enum	`y`	One of: `y`, `x`

Request

Example request

A complete, working body for POST /api/v1/render with every default spelled out. Send only the settings you want to change.

POST /api/v1/render — Dial

{
  "id": "LoopWheelSpinTemplate",
  "scale": 1,
  "inputProps": {
    "images": [
      "https://picsum.photos/seed/reelfolio1/1280/800",
      "https://picsum.photos/seed/reelfolio2/1280/800",
      "https://picsum.photos/seed/reelfolio3/1280/800",
      "https://picsum.photos/seed/reelfolio1/1280/800"
    ],
    "settings": {
      "backgroundColor": "#0b0b0f",
      "backgroundType": "gradient",
      "backgroundGradientStart": "#111111",
      "backgroundGradientEnd": "#444444",
      "backgroundGradientNoise": 0,
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 54,
      "aspectRatio": "16:9",
      "mediaFit": "natural",
      "loopDuration": 14,
      "loopRepeat": 2,
      "shadowEnabled": false,
      "shadowX": 0,
      "shadowY": 1,
      "shadowBlur": 1.5,
      "shadowSpread": -0.25,
      "shadowOpacity": 40,
      "shadowColor": "#000000",
      "direction": "right",
      "scaleIntensity": 0.26,
      "cropAspectRatio": "1:1",
      "wheelSize": 92,
      "rotations": 1,
      "movement": "continuous",
      "anticipation": 20,
      "overshoot": 10,
      "hold": 33,
      "spinStyle": "none",
      "spinRate": 2,
      "flipAxis": "y"
    }
  }
}