PlaySmith
Service

Spine Animation & VFX for Slot Games

By Jim Tseng, Founder & Art DirectorUpdated

PlaySmith Studio animates slot game assets in Spine and builds particle VFX for them: symbol win, land and idle states, characters, logos, big win and free spins intros, and UI feedback. We deliver Spine project files with JSON and atlas exports, or sprite sheets when your engine needs them, packaged for Spine runtimes, Unity, Cocos and HTML5.

Animation tools
Spine skeletal animation + particle VFX
Engine packages
Spine runtimes, Unity, Cocos, HTML5
Deliverables
.spine, JSON/binary, atlas, sprite sheets
Full title cycle
30 working days (about 6 weeks)
Team
20+ artists, up to 5 titles in parallel per month
Estimate reply
3–5 business days, no meeting required

Which slot game assets do we animate in Spine?

Every visual element that moves in a slot can be built as a Spine skeleton, a particle effect, or both. The table below is the typical list for a full title; a stand-alone order can cover any subset of it, down to a single symbol set.

AssetStates we typically animateUsual format
Symbols (low, high, wild, scatter, bonus)idle, land, win, win loop, anticipationSpine skeleton + VFX overlay
Characters (host, mascot, antagonist)idle, win reaction, bonus intro, free spins idleSpine skeleton with mesh deformation
Logoloading loop, title reveal, idle shimmerSpine or sequence frames
Big win / mega win / epic winintro, count-up loop, outroSpine + particle sprite sheets
Free spins and bonus introstransition in, stage idle, transition outSpine + particle sprite sheets
UI feedbackspin press, bet change, autoplay, reel stop, multiplier popSpine or sprite sheet
Background and ambientparallax layers, light rays, weather, embersSpine loops + particles

What do you receive when you outsource Spine animation to PlaySmith?

You receive an engine-ready animation package, not a preview video. Every delivery includes the editable source and the exports your developers drop into the build:

  • Editable .spine project files with named skeletons, bones, slots, skins and animations
  • JSON or binary skeleton export plus packed texture atlas (.atlas and PNG pages)
  • Sequence frames or sprite sheets for any asset your engine cannot play as a skeleton
  • Particle VFX as sprite-sheet flipbooks with alpha: glows, sparks, coins, smoke, magic trails
  • A naming table listing every skeleton, animation and timeline event with its intended trigger
  • Engine-specific folder structure with a short integration note, plus MP4/GIF previews of each state for sign-off

Which engines and runtimes can use the exports?

Exports are prepared for the four environments listed below. Tell us the engine and runtime version at kickoff; our in-house packaging system produces the matching package with automatic slicing, consistent naming and size/format checks.

EngineWhat we deliverNotes
Spine runtimes (official)JSON or binary skeleton + atlasExport version matched to your runtime
UnitySpine-Unity folder, sprite sheets for non-skeletal VFXAtlas pages sized to your platform targets
Cocos (Creator / 2d-x)Spine export + atlas, sprite frames when requestedNaming kept consistent with your prefab scheme
HTML5 (PixiJS, Phaser, custom WebGL)Spine JSON + atlas, sprite sheets as JSON hash/arrayCompressed PNG pages for web load times

How are animation states named and packaged?

One skeleton per asset, one animation per state, with names agreed before production starts. We use a flat, lowercase, predictable scheme so your code can reference states without a lookup table:

If your studio already has a convention, we adopt it instead. The packaging system checks every file name, dimension and format before handover, so nothing arrives misnamed or at the wrong size.

  • Skeletons: sym_wild, char_host, ui_spin_btn, fx_bigwin
  • Animations: idle, land, win, win_loop, anticipation, intro, outro
  • Timeline events for sound and logic hooks, for example hit, coin_burst, loop_start
  • Skins for symbol variants that share one rig, for example gold and standard versions
  • Folder layout: /spine/<asset>/, /sheets/<asset>/, /fx/<effect>/, each with a README

How do we keep Spine animation light enough for mobile slots?

Performance budgets are set with your development team at kickoff and respected in every file. We do not publish fixed limits because the right numbers depend on your engine, target devices and how many symbols animate at once. The levers we manage:

  • Atlas size: pages kept within the maximum texture size your targets support; symbols that always appear together share one atlas
  • Bone and mesh count: as few bones as the motion needs, mesh deformation only where it replaces several separate images
  • Draw order and attachments grouped so one skeleton stays on one atlas page where possible; clipping and extra blend modes avoided or isolated
  • Particle VFX baked to trimmed sprite sheets with tight alpha, so the engine plays frames instead of simulating large particle counts at runtime
  • Idle loops kept short and seamless so memory stays stable through long sessions

How is Spine animation scoped and quoted?

Animation is scoped per asset and per state, so a symbol with idle, land and win states is a larger line item than one with a win state only. It can be ordered as part of full slot visual production or as a stand-alone package for art you already own.

As part of full production, Spine animation and particle VFX are included in project-based pricing from US$8,000 per title (a starting reference, not a final quote), inside a 30 working-day cycle. Studios with a steady pipeline can use the monthly-capacity plan for a dedicated team and priority scheduling. Scope covers visual assets only; integration stays with your development team.

  • 1. Send your asset list, target engine and a reference game by email. No meeting needed.
  • 2. We return a state-by-state scope and estimate within 3–5 business days.
  • 3. NDA signed; naming convention and performance budget agreed with your developers.
  • 4. Preview renders of each state for approval; one round of major revisions included.
  • 5. Export, automated checks plus human QC, then handover with documentation.

Spine skeletal animation vs sequence frames: which should your slot use?

Use Spine for anything that loops, reacts to game state or must scale across devices. Use sequence frames or sprite sheets for short, visually dense effects that are cheaper to bake than to rig. Most titles use both, and we deliver both from the same source art.

Spine skeletal animationSequence frames / sprite sheets
File sizeSmall: one texture set, motion stored as dataGrows with frame count and resolution
Runtime controlBlend, retime, swap skins, fire eventsPlay, pause, loop
Suited toRigged characters, symbols, UI, logosFluids, smoke, explosions, baked 3D
ResolutionRe-export atlas per target from one projectSeparate sheets per target size
Engine requirementSpine runtimeAny 2D engine

Frequently asked questions

Yes. Send layered source files (PSD or equivalent) and we rig and animate them in Spine without changing the approved design. If only flattened PNGs exist, we rebuild the layers first and list that as a separate line in the estimate. An NDA is signed before any files are shared.

Both. Every delivery includes editable .spine projects alongside the JSON or binary skeleton and atlas exports, so your team can adjust timing or add states later without coming back to us. Full IP transfer of the art source files takes place on completion and final payment.

The version your runtime uses. Spine exports are tied to the runtime version compiled into your engine, so we confirm it at kickoff and export to match. If your project ships on several engine builds with different runtimes, we supply more than one export from the same source project.

No. PlaySmith delivers visual assets only; software development and integration stay with your team. Particle VFX arrive as sprite-sheet flipbooks with alpha, plus Spine-driven effect layers where that is lighter. We include reference renders so your developers can match timing if they rebuild an effect in a native particle system.

It depends on the number of assets and states, which is why we scope per state. As part of full slot visual production, animation fits inside the 30 working-day cycle (about 6 weeks) per title. For stand-alone orders we return a schedule together with the estimate within 3–5 business days.

Project-based pricing includes one round of major revisions. Timing and easing tweaks raised while reviewing preview renders are handled as normal production before export. Changes that alter the approved design or add new states are quoted separately so the scope stays transparent for both sides.

Yes. Because the packaging system slices and names exports automatically, producing a sprite-sheet fallback from an approved Spine animation is a routine step. This is useful for HTML5 builds that must run on older devices, and for marketing teams that need frames for video and banners.

Send your asset list for a state-by-state estimate

Email hello@playsmith.studio or use the contact page with your asset list, target engine and a reference game. Asynchronous briefs are welcome and no meeting is required; we reply with a per-asset, per-state estimate within 3–5 business days.

Contact PlaySmith

Facts on this page use the same numbers as our pricing page and llms.txt.