Subscribe to GameFromScratch on YouTube Support GameFromScratch on Patreon


Home > Art >

13. May 2016

 

One of the challenges with prototyping games is finding assets to work with.  Simple boxes are fine, but if you are working on a game with animations this proves a bit more challenging.  Therefore I created a simple sequence of spritesheets you can use in your game.   The package includes an idle, walk cycle, jump up and forward, death and duck animations.  This animation shows all of the various frames of animation.  The character was created using Fuse then animated using Mixamo and finally exported to sprite sheets using TexturePacker.

gifanimation

 

There are several different options here. 

 

Raw Sprites

( Download Link 18MB )

These are all of the raw sprites as individual files, each sprite is 512x512 pixels in size.

 

Phaser Sprite Sheets

( Download Link 13MB )

This is a set of sprite atlases and a JSON Array format for consuming in the Phaser game engine.  (See below for code)

 

Generic Sprite Sheets

( Download Link 14MB )

This is simply all of the frames of animation across several separate images, usable in any game engine.

 

License

CC0 icon These files are released under the Creative Commons CC0 license.  Basically do what you will, how you will, when you will, with whomever you will.  I on the other hand assume no responsibility for anything that may happen as a result.

 

Using In Code

The following is a example of using the generated spritesheet in Phaser, a popular HTML5 game library.  The entire project is available here as a zip.  If you are interested in learning more about Phaser I have a complete tutorial series available here.

function Game() {}

var character;

Game.prototype.preload = function () {
    this.game.load.atlas('walkSS','assets/walk.png','assets/walk.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
    this.game.load.atlas('dieSS','assets/die.png','assets/die.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
    this.game.load.atlas('idleSS','assets/idle.png','assets/idle.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
    this.game.load.atlas('jumpForwardSS','assets/jumpForward.png','assets/jumpForward.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
    this.game.load.atlas('jumpUpSS','assets/jumpUp.png','assets/jumpUp.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
    this.game.load.atlas('rollSS','assets/roll.png','assets/roll.json', Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
};

Game.prototype.create = function () {
  this.input.onDown.add(this.onInputDown, this);
    character = this.game.add.sprite(0,0,'idleSS',0);
    character.animations.add("idle");
    character.animations.play("idle",30,true);
};

Game.prototype.update = function () {};

Game.prototype.onInputDown = function () {
};

module.exports = Game;

 

All of the binaries used to generate this project, including the FBX animations, a fully configured Blend file, etc. are available for download by Patreon backers.  Simply log in to your Patreon account for the download link and password.

Art

blog comments powered by Disqus

Month List

Popular Comments