PkAvatars

by Edgar Martinez

HTML

<script src="https://github.com/craftyjs/Crafty/releases/download/0.9.0/crafty.js"></script>
 <div id="game"></div>

JavaScript

var assetsObj = {
    "sprites": {
        "https://i.ibb.co/RNvDcG4/001.png": {
            tile: 64,
            tileh: 64,
            map: {
                walker_start: [1, 0]
            }
        }
    }
};
Crafty.init(500,350, document.getElementById('game'));
Crafty.load(assetsObj, go);


function go() {
	var walker = Crafty.e('2D, Canvas, walker_start, SpriteAnimation')
		.reel("walking", 2000, [
			[0,1],[1,1],[2,1],[3,1],
			[0,2],[1,2],[2,2],[3,2]
		])
		.animate("walking", -1);
}
/*
Crafty.e('2D, Canvas, Color, Twoway, Gravity')
  .attr({x: 0, y: 0, w: 50, h: 50})
  .color('#F00')
  .twoway(200)
  .gravity('Floor');*/