SKAkash GherWeb Developer & HTML5 Game Specialist
HomeCase StudiesProjectsBlogWritingStudioStoreLabsAbout
All Case Studies

Creative case study

PixiJS Slot Bonus Round Engine

28 February 2026
Sky
by sky
2 min readSlot GameBonus RoundState Machine

Engineering the high-stakes bonus round system for a live slot title — including a pick-em feature, a free-spin multiplier trail, and a wheel-of-fortune overlay, all driven by a reusable state machine.

PixiJS v8TypeScriptSpineGSAP
Case
Blogs
Writings
Studio
Labs
Home
Projects
Store
About
XState

Client

European Slots Studio

Role

Senior Game Developer

Year

2026

Discipline

HTML5 Game Development

PixiJS Slot Bonus Round Engine
Doodle concept visual

Bonus round engagement time increased by 3× compared to the studio's previous simple free-spin implementation.

The hero image is loaded from the MDX coverImage field. Replace the demo URL with your own gameplay capture, PixiJS canvas screenshot, or rendered artwork.

3 distinct modes

Bonus types

3× session time

Engagement uplift

XState machines

Reusable states

On this page

  • The Challenge
  • Three Bonus Modes
  • 1. Pick-Em Bonus
  • 2. Free Spin Multiplier Trail
  • 3. Wheel of Fortune Overlay
  • State Machine Architecture
  • Result

Akash Gher

High-performance web experiences

Case StudiesProjectsStudioStoreLogin

© 2026 Akash Gher. All rights reserved.

The Challenge

The client's existing slot game had a simple free-spin bonus — the reels just spun 10 times for free. Player retention during bonus rounds was low, and the studio wanted something memorable and share-worthy.

Three Bonus Modes

I designed and built three distinct bonus systems, each sharable via the base game's trigger system:

1. Pick-Em Bonus

A 3×3 grid of mystery items. Players click to reveal prizes — coin values, multipliers, or a "collect" symbol that ends the round. Built entirely in PixiJS with InteractionManager events. Items use Spine animations for idle shimmer, select, and reveal states.

2. Free Spin Multiplier Trail

A 5-stop trail displayed above the reels. Each free spin advances the player one step along the trail, increasing a persistent multiplier. The trail is a custom PIXI.Graphics path with animated fill using a masked gradient sprite.

3. Wheel of Fortune Overlay

A full-canvas spinning wheel overlay triggered as a super bonus. The wheel uses a physics-inspired deceleration curve driven by GSAP. The winning segment is determined server-side before the spin starts — the GSAP target rotation is calculated to land exactly on that segment.

State Machine Architecture

All three bonus modes share a single BonusStateMachine built with XState. States include: INTRO, PLAYER_TURN, AWAITING_SERVER, REVEAL, ADVANCE, OUTRO. This eliminated the nested if/else logic that plagued the previous implementation and made adding new bonus types trivial.

Result

Average session length during the bonus round increased from 45 seconds to over 2 minutes. Social sharing of big-win screenshots increased noticeably within the first month of release.

More Case Studies

You might also like

View all
iGaming Math Config Architecture
9 June 2026

iGaming Math Config Architecture

A technical deep-dive into how production iGaming studios store, version, and serve complex game math configurations across operators, jurisdictions, and variants.

Remote Gaming Server (RGS) Architecture
8 June 2026

Remote Gaming Server (RGS) Architecture

A complete blueprint of an enterprise iGaming backend system: from the Seven-Layer Model and 48ms game transaction loops to GLI compliance and scaling pipelines.

Lish Programming Language
6 June 2026

Lish Programming Language

An educational compiler project translating academic Computer Science theory into a working plain-English general-purpose compiler that compiles directly to zero-overhead x64 assembly.