createjs addChild( sprite) ; / / In earlier versions ( 0. sprite- sheet- runner> < / sprite- sheet- runner> Start your application you will get your runner in motion : ) If this is your first AngularJS , celebrate, first CreateJS application you just made something really cool! h1 > Sprite Sheets< / h1 > < p > An example of defining a < code > SpriteSheet< / code >, then displaying it: using < code > Sprite< / code >. gotoAndPlay( " walk" ) ; / / animate / / set up a shadow. How to Make an Audio Sprite. For example, an createjs animation consisting of eight 100x100 * images could be combined into a single 400x200 sprite sheet ( 4 frames across by 2 high). This is an example for example a tile map: It' s easy for a game to retrieve the sprites since they all have the same width and height. You can of course create sprite sheets with Photoshop® Gimp — simply put all your sprites example into a big image that' s it.
ui- elements- json is a sprite sheet created in TexturePacker containing various UI elements. My problem is that the actual image is NOT loaded until I create the spritesheet with: var ss = new createjs. SpriteSheet( preload. getResult( ' ui- elements- json' ) ) ;.
createjs sprite sheet example
It' s also worth noting that sprite sheet animations in EaselJS also support time- based playback via the Sprite. framerate and SpriteSheet. framerate properties.