PR pixi-reels
GitHub
Cookbook

Small recipes, one mechanic each.

Each page is a focused how-to: the minimum code to make a single mechanic work, plus a live mini-demo you can replay.

Core recipes
starter 5x3 line-pays

Classic 5×3 starter

The foundation of 95% of slot games — copy-paste starting point for line-pays.

  • ◆ReelSetBuilder
  • ◆SpriteSymbol
  • ◆SymbolSpotlight.cycle
Open recipe
starter cascade 6x5

Cascade 6×5 tumble

Modern tumble mechanic with an ever-growing multiplier — Megaways-adjacent.

  • ◆CascadeMode
  • ◆ReelSetBuilder.spinningMode
  • ◆ReelSet.setResult
Open recipe
starter hold-and-win respin

Hold & Win respin

Coins lock on land, respin until the grid fills — the "coin" formula every studio is shipping.

  • ◆ReelSet.spin
  • ◆ReelSet.setResult
  • ◆Reel.getVisibleSymbols
Open recipe
wild respin positional

Walking wild

Sticky wild that advances one column every respin, pays on the way across.

  • ◆ReelSet.setResult
  • ◆ReelSet.spin
  • ◆spin:complete event
Open recipe
wild respin free-spins

Sticky wild

Wilds land during free spins, lock in place, board fills up toward an inevitable jackpot.

  • ◆ReelSet.setResult
  • ◆spin:reelLanded event
Open recipe
transform animation upgrade

Symbol transform

A symbol morphs into a different (usually higher) one mid-round — winning lows upgrade to meds.

  • ◆Reel.placeSymbols
  • ◆Reel.getSymbolAt
  • ◆ReelSymbol.view
Open recipe
mystery reveal animation

Mystery reveal

All "?" cells reveal the SAME random symbol on land — the Money Train mystery-symbol drama.

  • ◆spin:allLanded event
  • ◆Reel.placeSymbols
  • ◆Reel.getSymbolAt
Open recipe
cascade animation

Remove symbol in a cascade

Fade and shrink a cell out before the next stage lands.

  • ◆runCascade
  • ◆diffCells
  • ◆ReelSet.setResult
Open recipe
anticipation tension

Anticipate a reel

Slow a specific reel to build tension before it lands.

  • ◆ReelSet.setAnticipation
  • ◆spin:stopping event
  • ◆AnticipationPhase
Open recipe
respin hold

Single-reel respin

Hold every other reel and respin just one — the classic "nudge" mechanic.

  • ◆ReelSet.spin
  • ◆ReelSet.setResult
  • ◆Reel.getVisibleSymbols
Open recipe
wins spotlight

Animate paylines

Cycle through multiple winning lines with the built-in spotlight.

  • ◆SymbolSpotlight.cycle
  • ◆spotlight:start / :end events
Open recipe
skip UX

Slam-stop

Let the player smash the button to land the reels now.

  • ◆ReelSet.skip
  • ◆ReelSet.isSpinning
  • ◆SpinResult.wasSkipped
Open recipe
anticipation engagement

Fake a near-miss

Place N-1 scatters plus anticipation on the reel that "almost" landed one.

  • ◆ReelSet.setAnticipation
  • ◆forceNearMiss cheat
Open recipe
sprites atlas texturepacker

Texture atlas symbols

Load sprite symbols from a TexturePacker atlas — one atlas file, 80+ frames.

  • ◆PIXI.Assets.load
  • ◆Spritesheet.textures
  • ◆SpriteSymbol
Open recipe