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.
There are several different options here.
Raw Sprites
These are all of the raw sprites as individual files, each sprite is 512×512 pixels in size.
Phaser Sprite Sheets
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
This is simply all of the frames of animation across several separate images, usable in any game engine.
License
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.