We’re getting close – but notice how some of the bear images are wider than others. So increase the space to 512×1024 in the Canvas section and click “Apply” in the Layout section to re-sort them. When you do that, you’ll notice that there’s not enough space in the default canvas (512×512) to fit all of the sprites, so some still overlap. We need them to be spread out in our sprite sheet, so click “Apply” in the Layout section to sort them. You’ll notice that all the bear images are on top of each other. Open up the folder where you downloaded all of the bear images, and drag them into the view. Once you have the app installed, go to File/New and you will see a blank window appear. There’s an online Flash version and a downloadable version, but these days I use the downloadable version.
#Zwoptex windows download#
If you don’t have it already, go ahead and download a copy of Zwoptex from. However, this would be crazy talk because Robert Payne has developed an amazing app called Zwoptex that does this automatically for us! Zwoptex To Victory! In short – it’s faster, especially when you have a lot of sprites!Īs for sprite sheets, you could actually create them yourself manually with your image editor and create the file that specifies the boundaries yourself by hand as well. If you use sprites within a sprite sheet properly, rather than making one OpenGL ES draw call per sprite it just makes one per sprite sheet. The reason why these are such a good idea to use is because Cocos2D is optimized for them. They come with a file that specifies the boundaries for each individual sprite so you can pull them out when you need them within the code. If you haven’t used sprite sheets yet, think of them as gigantic images that you put your sprites within. However, there’s another way to create animations in Cocos2D that is much more efficient – by using sprite sheets. We could just add these directly to our Cocos2D project at this point and create an animation based on these individual images. When you unzip the file, take a look at the images – they are just individual frames of a bear that when you put them together, look like the bear is moving.
Next, go ahead and download some images of an animated bear made by my lovely wife.
Let’s start by creating a skeleton for our project – create a new project with the Cocos2D project template and name it AnimBear.
#Zwoptex windows how to#
If you are new to Cocos2D, you may wish to go through the tutorial series on How To Make A Simple iPhone Game With Cocos2D first, but this is not required! Getting Started We’ll also cover how to make them efficient by using sprite sheets, how to make our bear move in response to touch events, and how to change the direction the bear faces based on where the bear is moving. In this tutorial, we will show how to create a simple animation of a bear walking in Cocos2D. 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. Smoky says: Only you can start this bear!
0 kommentar(er)
