Site speed is one of Google's biggest ranking factors for your site. Let us show you how to save bandwidth and improve site speed using CSS sprites!
Learn more
I’ve gotten a ton of requests from readers of this blog to make a tutorial on how to use animations and sprite sheets in Cocos2D 2.x. You asked for it, you got it! In this tutorial, you will learn how to create a simple animation of a bear walking in Cocos2D. You’ll a...
After that, you’ll need to use the BitmapSequence object. It helps animate the sequence and position the sprites on screen.Let’s review the initializing code of this BitmapSequence:The constructor of the BitmapSequence object simply needs the SpriteSheet element as a parameter. We’re then...
I’ve gotten a ton of requests from readers of this blog to make a tutorial on how to use animations and sprite sheets in Cocos2D 2.x. You asked for it, you got it! In this tutorial, you will learn how to create a simple animation of a bear walking in Cocos2D. You’ll also le...
For a demo application please check out thisGitHubrepository. It displays a scene background and an animated player character: Advantages TexturePacker provides a large number of packer options to reduce the size of the resulting sprite sheets: ...
Still need convincing? In this ever-so-readable guide, we take a closer look at the SVG format and explain how to use these files in your own projects. Ready to get started? Let’s have a little less conversation, a little more action!
In TexturePacker’sSpritessection, look forTrim mode. This should be set toTrimby default. This option crops all empty space surrounding your sprites, reducing the sprite sheet’s size. If you’d prefer not to use this option,Trim modecan be set toNone. ...
To analyze your site’s HTTP requests, you can use something calledWaterfall analysis. Most speed test tools offer this, but the interfaces atGTMetrixandPingdomare very convenient. You can also use your browser’s developer tools. However, we’ll use GTmetrix for our screenshots. ...
I’ve heard of this method, and was recommended to use this once, but I’ve never tried it before. Does this only work on hover/mouseover? Would this work on, on mouse click? So, I would be putting this image into an…