SVIP Imperial Sets: ten SVIP levels, from emerald wolf to golden dragon

SVIP is usually the top of an app's spending ladder, and the people who reach it expect their status to show everywhere: on the profile, in the room, in the chat and on the mic. The SVIP Imperial collection is the most complete SVIP kit in the store. It covers ten levels, and at every level the chat bubble, level tag and room background are animated, not just the frame.

Ten levels, ten animals

Levels 5 to 10 carry one extra file each: a full-screen entry. All ten sets together, as SVIP Imperial Sets — All 10, come to 176 files.

Nine animations per level

Every set has the same nine SVGA animations, each with a PNG still except the medal:

The stills (profile frame, profile card, room frame, chat bubble, level tag, banner, room background and mic wave) are the same canvas as their animation, so you can swap one for the other without touching the layout.

Where the weight is

Two pieces account for most of the size: the profile card and the room background, both full-screen and both between about 6 and 12 MB. That is normal for a full-screen animated surface, but it changes how you ship them.

• Room background. It plays for as long as the room is open, so load it when an SVIP user opens their own room, and fall back to the PNG still (0.77 to 1.24 MB) on slow connections or low-memory phones.

• Profile card. It is seen when someone opens the SVIP user's profile. Show the still first and start the animation once it has downloaded, so the page opens instantly.

The smaller pieces are the ones that appear most often. The room frame runs at 15 fps on a 1.6-second loop and stays at about 0.75 MB at every level, which keeps a room full of SVIP seats predictable.

Animated chat bubbles and tags

Most VIP kits ship chat bubbles and level tags as images. SVIP Imperial animates both: a 1.3-second loop at 12 fps for each. In a fast chat, many messages from SVIP users can sit on screen at once, so treat these like any repeating element:

1. Animate only the newest message from each SVIP user, and use the still for older ones.

2. Pause bubble animations while the chat is scrolling.

3. Keep the level tag animated on the profile and in the seat list, where there is only one per user.

The six entries

Levels 5 to 10 each add a full-screen entry with sound, all SVGA:

• SVIP 5: VIP 4 Eagle Entry Effect, 750×1624, 8.8 s, 20.41 MB

• SVIP 6: VIP 5 Tiger Entry Effect, 750×1624, 8.8 s, 18.32 MB

• SVIP 7: VIP 6 Lion Entry Effect, 750×1624, 10.3 s, 20.20 MB

• SVIP 8: VIP 3 Entry Effect, 415×750, 7.5 s, 12.04 MB

• SVIP 9: VIP 7 Phoenix Entry Effect, 750×1624, 11.8 s, 22.70 MB

• SVIP 10: VIP 8 Dragon Entry Effect, 750×1624, 11.5 s, 26.21 MB

These are big files built for the biggest moment an SVIP user has. Pre-download them when the user reaches the level, keep them in a persistent cache, and never let two of them play at the same time in one room.

Next step

Map your SVIP levels to the ten sets, starting with the top: the golden dragon set is the one your highest spenders will see most. Check the room background and profile card on your lowest supported phone before launch. Each set can be bought on its own, or all ten as one order from the SVIP Imperial page.