Phaser中的精靈和裝備雪碧衣服

Question

如何在Phaser中將衣服裝備到精靈中？說我用的是以下幾點：

我能想到的是製作圖像，每個的唯一方法精靈上。必須有不同的方式，比如重疊或者其他什麼？

Answer 1

您應該檢查該項目：https://github.com/makrohn/Universal-LPC-spritesheet。

而且在移相融合，嘗試類似的東西：

function preload() { 
 
    game.load.spritesheet('female_body', 'sprites/body/female/light.png', 64, 64); 
 
    game.load.spritesheet('female_hair', 'sprites/hair/female/pixie/blonde.png', 64, 64); 
 
    game.load.spritesheet('female_torso', 'sprites/torso/tunics/female/teal_tunic.png', 64, 64); 
 
    game.load.spritesheet('female_legs', 'sprites/legs/pants/female/teal_pants_female.png', 64, 64); 
 
}; 
 

 
function create() { 
 
    var group = game.add.group(); 
 
    group.add(game.add.sprite(200, 200, 'female_body', 13 * 9)); 
 
    group.add(game.add.sprite(200, 200, 'female_hair', 13 * 9)); 
 
    group.add(game.add.sprite(200, 200, 'female_torso', 13 * 9)); 
 
    group.add(game.add.sprite(200, 200, 'female_legs', 13 * 9)); 
 
    group.callAll('animations.add', 'animations', 'walk', Phaser.ArrayUtils.numberArrayStep(13 * 9, 13 * 9 + 9)); 
 
    group.callAll('animations.play', 'animations', 'walk', 9, true); 
 
};

Answer 2

您可以使用Phaser.Sprite#addChild將布匹精靈附加到您的玩家精靈。

// Player sprite 
var player = game.add.sprite(0, 0, 'player-sprite'); 

// Cloth sprite 
var cloth = game.add.sprite(0, 0, 'cloth-sprite'); 

// Tweak anchor position to correctly align clothing over player 
cloth.anchor.setTo(0.5, 0.5); 

player.addChild(cloth);