Jonny Shaw

CacheAsBitmap and reuse

Recommended Posts

Hi all

Im working on a new slot prototype and had a bit of a thought about creating reelstrips to use for different animations, and just wanting a little advice on best approach.


Because I've had problems caching the spines as bitmaps for the reel drops had a different idea to it. 

At the moment I'm using spines for the icons, what I would like to do is have a function that generates a random strip (of any length passed of the icons - add the landing icons to the end of the strip - positioned the same as they would be in the reels, cache it as a bitmap and destroy the icons - then use the animated strip for the animation.

Thought to have the animated icons static and hidden in the reels.  Instead of animating them on the reel drops use the generated reel strips if that makes sense?  This way I can make a robust spin function that can work at different speeds loops etc?  Reason I would rather do it in game rather than manually via photoshop is I can reuse it for different icons, games can tweak and the strips would update to match?  Presume filters would run better as well with this approach rather than directly on spines?

To reuse presuming I would have to save out as a png using canvas to image - or would this idea be way too much overhead?  Also would the pngs then need to be readded to the pixi loader or would they be already accessible somewhere?  It wouldnt be run during the game, only at startup behind the scenes I think.

Just starting out with it now, so any advice greatly appreciated!

 

Share this post


Link to post
Share on other sites

Just create a renderTexture and use `renderer.render(myStuff, renderTexture)` many times with different position of stuff, dont forget to update its animations every time. Thus, you'll get your strip in renderTexture. Create many `PIXI.Texture` regions out of it and pass to AnimatedSprite.

Bless you.

Share this post


Link to post
Share on other sites

In my slot games, I usually use the animatedSprite for images on each reel and use TweenMax to make slot effects. Typically, the use of animatedSprite for slot games is much better with using spines.

Share this post


Link to post
Share on other sites
On 12/5/2017 at 2:48 AM, AnDG said:

In my slot games, I usually use the animatedSprite for images on each reel and use TweenMax to make slot effects. Typically, the use of animatedSprite for slot games is much better with using spines.

Thanks yeah, sorry presume you mean animatedSprite is better than using spines there?  We've gone for spine really because the manequin atlas's can be a lot lighter than a 20-30 keyframed animation and mobile is our prime target.  We're also using TweenMax for the reel animation.  We have got something going now with just cacheAsBitmap by rendering the currentIcons + a list of random icons + newIcons which works pretty well, but creating the strip at runtime does delay the spin for a few milliseconds atm, so will see if we can optimise it somehow.

I tried RenderTexture as @ivan.popelyshev suggested which worked to a point, but strangely it was duplicating the reels in the stage (though not on view) when it was sent to the rendererer to create the texture.  Not sure if I was doing something wrong there or if that is the normal behavior and there is somewhere to clear it?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.