pixi-reels
All recipes

Hold & Win: fly to a feature meter

On collect, each coin's value flies UP out of its cell, shrinks into a meter widget above the reels (arriveScale), ticks the meter total up and fills a progress bar toward a target. The board hands out geometry; the flight is yours.

Loading recipe…

Press Run. Every held coin’s amount lifts out of its cell, arcs up and shrinks into the meter above the reels; the meter total ticks up, its counter animation plays, and the progress bar fills toward the target. Press again to reset.

The board gives geometry, you fly to your own target

The meter is your UI, positioned wherever your layout wants it. Collecting is cellCenter() for the start, bezierFly to the meter, and release() to clear the cell:

const from = abs(coin.cell);                 // board.cellCenter + container offset
board.release([coin.cell]);                  // cell empties under the flying clone
await bezierFly(clone, from, meterPos, {
  lean: 'out', around: meterPos, arriveScale: 0.3,   // shrink into the meter
});
total += coin.data.value;                     // bump the meter on arrival
drawBar(total / TARGET);                       // fill the progress bar

arriveScale shrinks the clone as it docks; lean: 'out' bows the arc away from board center toward the meter. Aim at any on-screen target — a side pot, a character’s pouch, a jackpot wheel — by passing a different point, or a per-coin control for a fully custom path.