// 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');