// inicie o Crafty
Crafty.init(500,500);
// variaveis da configuração
var largura = 32,
altura = 32,
imagem = "https://lh3.googleusercontent.com/-wQW4xYW8hUA/UPQJRHJiAgI/AAAAAAAAAO0/6_ZK5LbWKt0/spritesheet.png",
mapa = {
Potion: [0,0],
RedCross: [3,6],
GoldenKey: [5,0]
};
// chamamos Crafty.sprite para configurar
Crafty.sprite(largura, altura, imagem, mapa);
// pronto nossos sprites agora são Componentes
// O componente Random é apenas para dar uma localização aleatória para o nosso sprite
Crafty.c('Random', {
init: function() {
// Crafty.math.randomInt gera numeros aleatórios
// dentro de um determinado intervalo
this.x = Crafty.math.randomInt(0,450);
this.y = Crafty.math.randomInt(0,450);
}
});
// criamos uma poção verde
Crafty.e('2D, Canvas, Potion, Random');
// criamos uma cruz vermelha
Crafty.e('2D, Canvas, RedCross, Random');
// criamos uma chave dourada
Crafty.e('2D, Canvas, GoldenKey, Random');